| // ---- | |
| // Sass (v3.3.0.rc.5) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| /*! In information theory and computer science, | |
| the Levenshtein distance is a string metric | |
| for measuring the difference between two sequences. | |
| Informally, the Levenshtein distance between two words | |
| is the minimum number of single-character edits |
| // Sass utilities | |
| @import "helpers/variables"; | |
| @import "helpers/functions"; | |
| @import "helpers/mixins"; | |
| @import "helpers/placeholders"; | |
| // Vendors and external stylesheets | |
| @import "vendors/bootstrap"; | |
| @import "vendors/jquery-ui"; |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| // A mixin of yours | |
| @mixin app($conf: ()) { | |
| // What could be the defaults parameter for your mixin | |
| $conf: map-merge(( | |
| speed : 1000, |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| // Ever wanted to know what would be the color operations to apply to a color | |
| // in order to find a second color, just out of curiosity? | |
| // Like, "how to programmatically go from #BADA55 to #B0BCA7"? | |
| // -------------------------------------------------------------------------------- | |
| // @param (color) $a: first color |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| @import "compass"; | |
| // Private function for custom stops | |
| // ------------------------------------------------------------ | |
| // @param $colors: list of color + associated stop |
| // ---- | |
| // Sass (v3.3.0.rc.5) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Sass to CSV converter | |
| // Just for the sake of it. | |
| // -------------------------------------------- | |
| // @param [list|map] $value: value to convert | |
| // @param [bool] $labels: enable first line as labels |
| // ---- | |
| // Sass (v3.3.1) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Sass polyfill for :matches() | |
| // https://developer.mozilla.org/en-US/docs/Web/CSS/:any | |
| // --- | |
| // @param [string] $string: selector as a string, must contain %m where there would be :matches() | |
| // @param [list] $selectors: list of selectors that would be passed to :matches() function |
Hey guys! I have a question regarding Sass usage and Gzip compression. If anyone knows something, be sure to share. :)
It's good practice to use Sass @extend rather than including mixins when possible because of the way Sass handles @extend. To put it simple, it doesn't take the CSS content from the extended selector to place them in the extending one. It works the other way around: it takes the extending selector and append it to the extended selector.
| // ---- | |
| // Sass (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Map storing values when the mixin is being called | |
| $cache: ( | |
| width : (), | |
| height : (), | |
| ); |
| // ---- | |
| // Sass (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // ----------------------------------------------------------------------------- | |
| // Introduction | |
| // ----------------------------------------------------------------------------- | |
| // Here is hacky and experimental solution for cross-scopes extends |
