Kaelig Deloumeau-Prigent kaelig
kaelig
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:15
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="demo"> | |
| <!-- Constant column spans --> | |
| <div class="o-grid-row demo-row"> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> | |
| <div data-o-grid-colspan="1"><div class="demo-cell">1</div></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| /// Grab the last part of a selector | |
| /// | |
| /// @param {List} $selector | |
| /// @returns String | |
| @function x-tail($selector) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.11) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly | |
| // See https://github.com/sass-mq/sass-mq/pull/10 | |
| /// Base font size on the `<body>` element | |
| /// @type Number (unit) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.11) | |
| // Compass (v1.0.3) | |
| // ---- | |
| // Default: IE8 rules live alongside other browser rules | |
| // It results in a larger output file | |
| $o-grid-ie8-rules: 'inline'; | |
| // Uncomment to remove all IE8 specific rules |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.9) | |
| // Compass (v1.0.1) | |
| // ---- | |
| $selectors: '&--modifier', '.parent &'; | |
| $selectors: append($selectors, '&', $separator: comma); | |
| .element { | |
| #{$selectors} { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.1.0-beta) | |
| // ---- | |
| @charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly | |
| // See https://github.com/sass-mq/sass-mq/pull/10 | |
| /// Base font size on the `<body>` element | |
| /// @type Number (unit) | |
| $mq-base-font-size: 16px !default; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.0.2) | |
| // ---- | |
| $map: ( | |
| 'child': ( | |
| ('property': 'foo', 'property-2': 'bar'), | |
| ('property': 'baz', 'property-2': 'boo') | |
| ) | |
| ); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.0.2) | |
| // ---- | |
| $_o-fonts-families: ( | |
| 'BentonSans': ( | |
| 'variants': ( | |
| ('weight': 'lighter', 'style': 'normal'), | |
| ('weight': 'normal', 'style': 'normal'), | |
| ('weight': 'bold', 'style': 'normal') |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.7) | |
| // Compass (v1.0.1) | |
| // ---- | |
| // sass-mq: https://github.com/kaelig/sass-mq | |
| $mq-base-font-size: 16px !default;$mq-responsive: true !default;$mq-breakpoints: (mobile:320px,tablet:740px,desktop: 980px,wide:1300px) !default;$mq-static-breakpoint: desktop !default;$mq-show-breakpoints: () !default;$mq-media-type: all !default;@function mq-px2em($px, $base-font-size: $mq-base-font-size) {@if (unitless($px)) {@warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels";@return mq-px2em($px + 0px);} @else if (unit($px) == em) {@return $px;}@return ($px / $base-font-size) * 1em;}@function mq-get-breakpoint-width($name) {@if(map-has-key($mq-breakpoints, $name)) {@return map-get($mq-breakpoints, $name);} @else {@warn "Breakpoint #{$name} wasn't found in $mq-breakpoints.";}}@mixin mq($from: false, $until: false, $and: false) {$min-width: 0;$max-width: 0;$media-query: '';@if $from {@if type-of($from) == number {$min-width: mq-px2em($from);} @else {$min-width: mq-px2em(mq-get-break |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.0.2) | |
| // ---- | |
| // sass-mq: https://github.com/kaelig/sass-mq | |
| $mq-base-font-size: 16px !default;$mq-responsive: true !default;$mq-breakpoints: (mobile:320px,tablet:740px,desktop: 980px,wide:1300px) !default;$mq-static-breakpoint: desktop !default;$mq-show-breakpoints: () !default;$mq-media-type: all !default;@function mq-px2em($px, $base-font-size: $mq-base-font-size) {@if (unitless($px)) {@warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels";@return mq-px2em($px + 0px);} @else if (unit($px) == em) {@return $px;}@return ($px / $base-font-size) * 1em;}@function mq-get-breakpoint-width($name) {@if(map-has-key($mq-breakpoints, $name)) {@return map-get($mq-breakpoints, $name);} @else {@warn "Breakpoint #{$name} wasn't found in $mq-breakpoints.";}}@mixin mq($from: false, $until: false, $and: false) {$min-width: 0;$max-width: 0;$media-query: '';@if $from {@if type-of($from) == number {$min-width: mq-px2em($from);} @else {$min-width: mq-px2em(mq-get-breakpoint-width($from |