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
// Background mixin | |
@mixin strips($color, $angle){ | |
$color: saturate(lighten($color, 2%), 10%); | |
background: $color | |
linear-gradient($angle, $color 0%, $color 10%, | |
mix(black, $color, 5%) 10%, mix(black, $color, 5%) 20%, | |
mix(black, $color, 12%) 19%, mix(black, $color, 10%) 21%, // Thin line between gradient | |
mix(black, $color, 10%) 20%, mix(black, $color, 10%) 30%, | |
mix(black, $color, 17%) 29%, mix(black, $color, 15%) 31%, // Thin line between gradient | |
mix(black, $color, 15%) 30%, mix(black, $color, 15%) 40%, |
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 id="test"><s><span id="time"></span></s> to display <s><span id="num"></span></s> elements</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
// ---- | |
// libsass (v3.2.5) | |
// ---- | |
// SASSVG | |
// | |
// API : | |
// svg(<shape>, <size>, <color>, <unit>, <repeat>, <path:false>); | |
@mixin svg($shape, $size, $color, $unit, $repeat, $path: false) { |
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.2.5) | |
// ---- | |
$last: 10; | |
@for $i from 1 through $last + 1 { | |
@for $j from 1 through $i + 1 { | |
@for $k from 1 to $i { | |
@for $l from 1 to $j { |
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.2.5) | |
// ---- | |
$num: 5; | |
@for $i from 0 to $num { | |
#averagelabel0#{$i}:checked ~ .radio label[for="averagelabel0#{$i}"] { | |
background-color: green; | |
} |
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.2.5) | |
// ---- | |
$view: "Current view"; | |
// Other size | |
$sidebar-width: 280px; |
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.2.5) | |
// ---- | |
$icons: 'one', 'two', 'three'; | |
$colors: 'red', 'blue', 'green'; | |
$sizes: 'sm', 'md', 'bg'; | |
@each $icon in $icons{ | |
@each $color in $colors{ |
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.2.5) | |
// ---- | |
// SASS Maps | |
$map: ( | |
1: 'red', | |
2: 'blue', | |
3: 'green' | |
); |
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.2.5) | |
// ---- | |
$version: "0.1.1"; | |
/* This CSS is generated by My SASSVG-iconic Mixin #{$version}. */ | |
$icon-list: 'twitter', 'facebook', 'instagram'; | |
$icon-list:( |
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
// Define your different margin sizes | |
// Along with the directions ( if needed ) | |
$m-sizes: 16, 32, 46; | |
$m-dir: 'left', 'right', 'top', 'bottom'; | |
@mixin all-margin($value, $direction){ | |
@if $value < 17 { | |
.margin-s-#{$direction}{ | |
margin-#{$direction}: $value#{px}; | |
} |