jeremydouglas

@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
  $u1: unit($min-vw);
  $u2: unit($max-vw);
  $u3: unit($min-font-size);
  $u4: unit($max-font-size);

jeremydouglas

<nav aria-label="Main Navigation" class="
js-main-nav
bg-black
pt-30
absolute
inset-0
align-baseline
justify-between
order-3
uppercase

jeremydouglas

<div class="container">
    <h1>Uh oh</h1>
    <hr/>
    <p>Something went wrong.</p>
    <p>
        <a href="/!/Refresh/trigger" class="btn btn-lg btn-success">Try again</a>
    </p>
</div>

jeremydouglas

ffmpeg -i movie.mov -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -preset slower -crf 18 -vf "scale=trunc(in_w/2)*2:trunc(in_h/2)*2" output.mp4

jeremydouglas

    ul
    {
        display: none;
    }
    
    input[type=checkbox]
    {
        position: absolute;
        top: -9999px;
        left: -9999px;

jeremydouglas

// Automatically replace SVG images on non-supporting browsers
if (!Modernizr.svg || !Modernizr.inlinesvg)
{
    $('img.svg').each(function()
    {
        this.src = this.src.replace('.svg', '.png');
        $(this).addClass('svg_loaded');
    });
}

jeremydouglas

.image_wrap
{
    position: relative;
    padding-top: 100%;
    overflow: hidden;

    &--16_9
    {
        padding-top: 56.25%;
    }

jeremydouglas

ul
{
    text-align: justify;

    &:after 
    {
        content: '';
        width: 100%; // Ensures there are at least 2 lines of text, so justification works
        display: inline-block;
    }

jeremydouglas

%vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

jeremydouglas

{
    "css.autoInsertVendorPrefixes": false,
    "bem.modifierSeparator": "--",
    "bem.shortElementPrefix": "--"
}