Skip to content

Instantly share code, notes, and snippets.

@KittyGiraudel

KittyGiraudel/SassMeister-input.scss

Created April 3, 2014 07:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save KittyGiraudel/9949951 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save KittyGiraudel/9949951 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. KittyGiraudel revised this gist Jun 11, 2014. No changes.
  2. KittyGiraudel revised this gist Jun 11, 2014. 2 changed files with 2 additions and 0 deletions.
    1 change: 1 addition & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -106,5 +106,6 @@ test {
    property: value
    ));

    /* For all */
    property: value;
    }
    1 change: 1 addition & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -9,5 +9,6 @@ test {
    property: !value;
    /* Internet Explorer 6 */
    property: _value;
    /* For all */
    property: value;
    }
  3. KittyGiraudel revised this gist Jun 11, 2014. 2 changed files with 10 additions and 10 deletions.
    10 changes: 5 additions & 5 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -83,27 +83,27 @@
    test {
    /* Internet Explorer 10 */
    @include ie10((
    for-ie-6-to-10: value
    property: value
    ));

    /* Internet Explorer 9 */
    @include ie9((
    for-ie-9-to-10: value
    property: value
    ));

    /* Internet Explorer 8 */
    @include ie8((
    for-ie-6-to-8: value
    property: value
    ));

    /* Internet Explorer 7 */
    @include ie7((
    for-ie-6-to-7: value
    property: value
    ));

    /* Internet Explorer 6 */
    @include ie6((
    for-ie-6: value
    property: value
    ));

    property: value;
    10 changes: 5 additions & 5 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,13 +1,13 @@
    test {
    /* Internet Explorer 10 */
    for-ie-6-to-10: value\9;
    property: value\9;
    /* Internet Explorer 9 */
    for-ie-9-to-10: value\0;
    property: value\0;
    /* Internet Explorer 8 */
    for-ie-6-to-8: value \9;
    property: value \9;
    /* Internet Explorer 7 */
    for-ie-6-to-7: !value;
    property: !value;
    /* Internet Explorer 6 */
    for-ie-6: _value;
    property: _value;
    property: value;
    }
  4. KittyGiraudel revised this gist Jun 11, 2014. 2 changed files with 8 additions and 8 deletions.
    8 changes: 4 additions & 4 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -83,22 +83,22 @@
    test {
    /* Internet Explorer 10 */
    @include ie10((
    for-ie-10: value
    for-ie-6-to-10: value
    ));

    /* Internet Explorer 9 */
    @include ie9((
    for-ie-9: value
    for-ie-9-to-10: value
    ));

    /* Internet Explorer 8 */
    @include ie8((
    for-ie-8: value
    for-ie-6-to-8: value
    ));

    /* Internet Explorer 7 */
    @include ie7((
    for-ie-7: value
    for-ie-6-to-7: value
    ));

    /* Internet Explorer 6 */
    8 changes: 4 additions & 4 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,12 @@
    test {
    /* Internet Explorer 10 */
    for-ie-10: value\9;
    for-ie-6-to-10: value\9;
    /* Internet Explorer 9 */
    for-ie-9: value\0;
    for-ie-9-to-10: value\0;
    /* Internet Explorer 8 */
    for-ie-8: value \9;
    for-ie-6-to-8: value \9;
    /* Internet Explorer 7 */
    for-ie-7: !value;
    for-ie-6-to-7: !value;
    /* Internet Explorer 6 */
    for-ie-6: _value;
    property: value;
  5. KittyGiraudel revised this gist Jun 11, 2014. 2 changed files with 57 additions and 14 deletions.
    60 changes: 52 additions & 8 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    // ----
    // Sass (v3.3.4)
    // Compass (v1.0.0.alpha.18)
    // Sass (v3.3.8)
    // Compass (v1.0.0.alpha.19)
    // ----

    // Hacking made easy
    @@ -21,46 +21,90 @@
    @return #{'_' + $value};
    }

    @mixin ie6($declarations) {
    @each $property, $value in $declarations {
    #{$property}: ie6($value);
    }
    }

    // Internet Explorer 6-7
    // ---
    // @param [literal] $value: value for Internet Explorer 6 and 7
    @function ie7($value) {
    @return #{'!' + $value};
    }

    @mixin ie7($declarations) {
    @each $property, $value in $declarations {
    #{$property}: ie7($value);
    }
    }

    // Internet Explorer 6-8
    // ---
    // @param [literal] $value: value for Internet Explorer 6 to 8
    @function ie8($value) {
    @return #{$value + ' \9'};
    }

    @mixin ie8($declarations) {
    @each $property, $value in $declarations {
    #{$property}: ie8($value);
    }
    }

    // Internet Explorer 9-10
    // ---
    // @param [literal] $value: value for Internet Explorer 9 and 10
    @function ie9($value) {
    @return #{$value + '\0'};
    }

    @mixin ie9($declarations) {
    @each $property, $value in $declarations {
    #{$property}: ie9($value);
    }
    }

    // Internet Explorer 6-10
    // ---
    // @param [literal] $value: value for Internet Explorer 6 to 10
    @function ie10($value) {
    @return #{$value + '\9'};
    }

    @mixin ie10($declarations) {
    @each $property, $value in $declarations {
    #{$property}: ie10($value);
    }
    }


    test {
    /* Internet Explorer 10 */
    property: ie10(valueForIE10);
    @include ie10((
    for-ie-10: value
    ));

    /* Internet Explorer 9 */
    property: ie9(valueForIE9);
    @include ie9((
    for-ie-9: value
    ));

    /* Internet Explorer 8 */
    property: ie8(valueForIE8);
    @include ie8((
    for-ie-8: value
    ));

    /* Internet Explorer 7 */
    property: ie7(valueForIE7);
    @include ie7((
    for-ie-7: value
    ));

    /* Internet Explorer 6 */
    property: ie6(valueForIE6);
    /* Any other browser */
    @include ie6((
    for-ie-6: value
    ));

    property: value;
    }
    11 changes: 5 additions & 6 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,13 @@
    test {
    /* Internet Explorer 10 */
    property: valueForIE10\9;
    for-ie-10: value\9;
    /* Internet Explorer 9 */
    property: valueForIE9\0;
    for-ie-9: value\0;
    /* Internet Explorer 8 */
    property: valueForIE8 \9;
    for-ie-8: value \9;
    /* Internet Explorer 7 */
    property: !valueForIE7;
    for-ie-7: !value;
    /* Internet Explorer 6 */
    property: _valueForIE6;
    /* Any other browser */
    for-ie-6: _value;
    property: value;
    }
  6. KittyGiraudel revised this gist Apr 3, 2014. 1 changed file with 15 additions and 0 deletions.
    15 changes: 15 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -8,28 +8,43 @@
    // A couple of Sass functions
    // To ease the pain of dealing
    // With special values for IE
    // ---
    // I can see this being useful
    // To explain what are those weird `\9`
    // Especially for new developers
    // Coming up in a project

    // Internet Explorer 6
    // ---
    // @param [literal] $value: value for Internet Explorer 6
    @function ie6($value) {
    @return #{'_' + $value};
    }

    // Internet Explorer 6-7
    // ---
    // @param [literal] $value: value for Internet Explorer 6 and 7
    @function ie7($value) {
    @return #{'!' + $value};
    }

    // Internet Explorer 6-8
    // ---
    // @param [literal] $value: value for Internet Explorer 6 to 8
    @function ie8($value) {
    @return #{$value + ' \9'};
    }

    // Internet Explorer 9-10
    // ---
    // @param [literal] $value: value for Internet Explorer 9 and 10
    @function ie9($value) {
    @return #{$value + '\0'};
    }

    // Internet Explorer 6-10
    // ---
    // @param [literal] $value: value for Internet Explorer 6 to 10
    @function ie10($value) {
    @return #{$value + '\9'};
    }
  7. KittyGiraudel created this gist Apr 3, 2014.
    51 changes: 51 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    // ----
    // Sass (v3.3.4)
    // Compass (v1.0.0.alpha.18)
    // ----

    // Hacking made easy
    // ---
    // A couple of Sass functions
    // To ease the pain of dealing
    // With special values for IE

    // Internet Explorer 6
    @function ie6($value) {
    @return #{'_' + $value};
    }

    // Internet Explorer 6-7
    @function ie7($value) {
    @return #{'!' + $value};
    }

    // Internet Explorer 6-8
    @function ie8($value) {
    @return #{$value + ' \9'};
    }

    // Internet Explorer 9-10
    @function ie9($value) {
    @return #{$value + '\0'};
    }

    // Internet Explorer 6-10
    @function ie10($value) {
    @return #{$value + '\9'};
    }


    test {
    /* Internet Explorer 10 */
    property: ie10(valueForIE10);
    /* Internet Explorer 9 */
    property: ie9(valueForIE9);
    /* Internet Explorer 8 */
    property: ie8(valueForIE8);
    /* Internet Explorer 7 */
    property: ie7(valueForIE7);
    /* Internet Explorer 6 */
    property: ie6(valueForIE6);
    /* Any other browser */
    property: value;
    }
    14 changes: 14 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    test {
    /* Internet Explorer 10 */
    property: valueForIE10\9;
    /* Internet Explorer 9 */
    property: valueForIE9\0;
    /* Internet Explorer 8 */
    property: valueForIE8 \9;
    /* Internet Explorer 7 */
    property: !valueForIE7;
    /* Internet Explorer 6 */
    property: _valueForIE6;
    /* Any other browser */
    property: value;
    }