oksushi

---
layout: gist
title: Snatch
published: true
permalink: /workouts
hero-title: Snatch
category: Workouts
tag: CrossFit
hero-paragraph: Monday, Dec 2
hero-image: man-changing-oly-weights-at-alsw-in-holly-springs-hero

oksushi

{%- assign social_accounts = 'Facebook, Twitter, Pinterest, Instagram, Snapchat, Tumblr, YouTube, Vimeo,' | split: ', ' -%}
  <ul>
    {% for social in social_accounts %}
      {%- assign social_handle = social | handleize -%}
      {% capture social_link %}social_{{ social_handle }}_link{% endcapture %}
      {% capture social_icon %}icon-{{ social_handle }}{% endcapture %}

      {% if settings[social_link] != blank %}
        <li>
          <a href="{{ settings[social_link] }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: social }}">

oksushi

.b-detail-product__price-container .b-compare__link
    &::before {
        background: url($sprite-url) no-repeat -337px -166px;
        width: 12px;
        height: 16px;
        position: absolute;
        top: 2px;
        left: 0;
        content: "";
    }

oksushi

[16:08]  <daFonseca>	hu
[16:38] Mode is +cgnt
[16:38]  <oksushi>	daFonseca: do you manually type that each time into every channel you join, or is it some /amsg script?
[16:40] 	obert (~quassel@host19-43-dynamic.60-82-r.retail.telecomitalia.it) left IRC (Ping timeout: 260 seconds)
[16:41]  <daFonseca>	oksushi may you go fuck yourself? Like i write html i write manualy. But that is not you fuck problem.
[16:42]  <oksushi>	I’m assuming you told me to go fuck myself?
[16:42] daFonseca has userhost ~daFonseca@p200300728E4BF17350B41E69AFC54489.dip0.t-ipconnect.de and real name “realname”
[16:42] daFonseca is on ##design ##frontend #html #css
[16:42] daFonseca is connected on leguin.freenode.net (Umeå, SE, EU)
[16:42] daFonseca is using a secure connection

oksushi

// intrinsic.scss ------------------------
// An Intrinsic Ratio Component
// From http://daverupert.com/2015/12/intrinsic-placeholders-with-picture/
// ---------------------------------------

.intrinsic {

  // Make sure <picture> wrapper is set to block
  // Max-width is governed by parentNode
  display: block;

oksushi

<header role="banner">
  <h1 class="logo">
		<a href="#">
		<svg viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg">
		<circle cx="23" cy="23" r="20"></circle>
		</svg>
		</a>
		</h1>
	<nav role="navigation">
<ul>

oksushi

// ----
// libsass (v3.2.5)
// ----

.messageDetail {
                .msgHeader{
                        text-align:left;
                        div{
                                display:inline-block;
                                width:calc(100% - 204px);

oksushi

<div class="app-bar">
  Hi there
  <header class="app-bar-header">
    Hi there
  </header>
  <footer class="app-bar-footer">
    Hi there
  </footer>
</div>

oksushi

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

oksushi

<div class="Typeahead-menu"><div class="tt-dataset tt-dataset-0"><div class="ProfileCard u-cf Typeahead-suggestion Typeahead-selectable">
        <img class="ProfileCard-avatar" src="https://pbs.twimg.com/profile_images/378800000017912577/de7d4a2860762bd2f7d7dbef3c2385ee_normal.gif">

        <div class="ProfileCard-details">
          <div class="ProfileCard-realName">typeahead.js</div>
          <div class="ProfileCard-screenName">@typeahead</div>
          <div class="ProfileCard-description">A flexible JavaScript library that provides a strong foundation for building robust typeaheads. Brought to you by @TwitterOSS.</div>
        </div>

        <div class="ProfileCard-stats">