Keep Calm and Write Sass

729edf889ced7863dedba95452272bca?s=47 Hugo 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).

729edf889ced7863dedba95452272bca?s=128

Hugo Giraudel

November 14, 2014
Tweet

Transcript

  1. 1.
  2. 15.
  3. 22.
  4. 23.

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

    // {"cats": true, "answer": 42} github.com/HugoGiraudel/SassyJSON
  5. 24.

    SassySort $list: sort( "How" "cool" "Sass" "is?" 42 ); //

    42 "cool" "How" "is?" "Sass" github.com/HugoGiraudel/SassySort
  6. 31.
  7. 39.

    /** * 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 */ }
  8. 42.

    /// 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
  9. 43.
  10. 46.

    @include describe("A suite") { @include it("contains spec with expectation") {

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