Skip to content

Instantly share code, notes, and snippets.

@thelemondropkid
thelemondropkid / input.scss
Created March 29, 2022 09:41
Generated by SassMeister.com.
$colors: (
"primary": #FAFEFF,
);
@each $key, $val in $colors {
.text-#{$key} {
color: $val;
}
@for $i from 1 through 9 {
@thelemondropkid
thelemondropkid / input.scss
Created September 22, 2021 21:29
Generated by SassMeister.com.
$colors: (
"primary": #FAFEFF,
);
@each $key, $val in $colors {
.text-#{$key} {
color: $val;
}
@for $i from 1 through 9 {
@thelemondropkid
thelemondropkid / input.scss
Created April 3, 2021 13:21
Generated by SassMeister.com.
@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 April 3, 2021 10:44
Generated by SassMeister.com.
@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 April 2, 2021 16:00
Generated by SassMeister.com.
@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 April 2, 2021 14:37
Generated by SassMeister.com.
@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 April 1, 2021 16:33
Generated by SassMeister.com.
@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 April 1, 2021 12:42
Generated by SassMeister.com.
@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 April 1, 2021 12:09
Generated by SassMeister.com.
@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 April 1, 2021 12:03
Generated by SassMeister.com.
@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} {