Skip to content

Instantly share code, notes, and snippets.

@thelemondropkid
thelemondropkid / input.scss
Created Mar 29, 2022
Generated by SassMeister.com.
View input.scss
$colors: (
"primary": #FAFEFF,
);
@each $key, $val in $colors {
.text-#{$key} {
color: $val;
}
@for $i from 1 through 9 {
@thelemondropkid
thelemondropkid / input.scss
Created Sep 22, 2021
Generated by SassMeister.com.
View input.scss
$colors: (
"primary": #FAFEFF,
);
@each $key, $val in $colors {
.text-#{$key} {
color: $val;
}
@for $i from 1 through 9 {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 3, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
// $name = key, $size = value
@each $name, $size in $font-sizes {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 3, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 2, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 2, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Last active Apr 1, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 1, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 1, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {
@thelemondropkid
thelemondropkid / input.scss
Created Apr 1, 2021
Generated by SassMeister.com.
View input.scss
@import "breakpoint";
// SASS 'map'
// ----------
$font-sizes: (tiny: 9px, small: 12px, medium: 16px, large:24px);
// SASS 'each loop' over SASS map (name = current itteration)
@each $name, $size in $font-sizes {
.#{$name} {