Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Keep Calm and Write Sass

Kitty Giraudel
November 14, 2014

Keep Calm and Write Sass

Slides of my 18-minutes talk "Keep Calm and Write Sass" at dotCSS 2014 (November 14th).

Kitty Giraudel

November 14, 2014
Tweet

More Decks by Kitty Giraudel

Other Decks in Design

Transcript

  1. SassyJSON @include json-encode(( "cats" : true, "answer" : 42 ));

    // {"cats": true, "answer": 42} github.com/HugoGiraudel/SassyJSON
  2. SassySort $list: sort( "How" "cool" "Sass" "is?" 42 ); //

    42 "cool" "How" "is?" "Sass" github.com/HugoGiraudel/SassySort
  3. /** * 1. Clear inner floats * 2. Force all

    items on same line * 3. Cancel items padding * 4. Above content, below modal */ .selector { overflow: hidden; /* 1 */ white-space: nowrap; /* 2 */ margin: -.5em; /* 3 */ z-index: 42; /* 4 */ }
  4. /// Mixin to size an element /// @access public ///

    @param {Number} $width - Width /// @param {Number} $height - Height /// @example scss - Sizing an element /// .element { /// @include size(100%, 5em); /// } SassDoc
  5. @include describe("A suite") { @include it("contains spec with expectation") {

    @include should( expect(2 + 2), to(be(4)) ); } } Bootcamp github.com/thejameskyle/bootcamp