Skip to content

Instantly share code, notes, and snippets.

@JuanSerranoTech
Last active December 3, 2020 11:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JuanSerranoTech/e49eff3a9cd7e1497b6bb7ee9639ee51 to your computer and use it in GitHub Desktop.
Save JuanSerranoTech/e49eff3a9cd7e1497b6bb7ee9639ee51 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$font-sizes-desk: (
ht-one: (
base-font-size: 40px
),
ht-two: (
base-font-size: 30px
)
);
$font-sizes: (
'varOne' : 64,
'varTwo' : 65,
);
@each $type in $font-sizes-desk{
.holaaka{
color: red;
}
}
$map3 : (
'KeyOneText' : 'String de texto muy molón',
'KeyTwoText' : 'String',
'mapInMap' : (
'insideOneText' : 'String de texto muy molón',
'insideTwoText' : 'String'
)
);
.hola{
/* map keys */
content: map-keys($font-sizes-desk);
/*
*
*
map-values */
content: map-values($font-sizes);
/*
*
*
map-has-key */
content: map-has-key($font-sizes, 'varOne');
/*
*
*
map-get */
content: map-get($font-sizes, 'varOne');
/*
*
*
inspect map-merge */
content: inspect(map-merge($map3, $font-sizes));
/*
*
*
inspect(map-remove */
content: inspect(map-remove($font-sizes, 'varOne'));
}
$varCount: 4*5/2.4*32.22212 / 36.01;
.class{
width: $varCount;
width: round($varCount);
width: floor($varCount);
width: ceil($varCount);
content: percentage(1.12) ;
content: min(1, 2, 3, 4, 2 ,12);
content: max(1, 2, 3, 4, 2 ,12);
content: random(5);
}
$type: element;
$num : 21;
$noValue: null;
$varComp: element;
.class{
@if $type == $varComp {
content: 'Yeah!';
} @else {
ontent: 'Nope!';
}
}
@charset "UTF-8";
.holaaka {
color: red;
}
.holaaka {
color: red;
}
.hola {
/* map keys */
content: ht-one, ht-two;
/*
*
*
map-values */
content: 64, 65;
/*
*
*
map-has-key */
content: true;
/*
*
*
map-get */
content: 64;
/*
*
*
inspect map-merge */
content: ("KeyOneText": "String de texto muy molón", "KeyTwoText": "String", "mapInMap": ("insideOneText": "String de texto muy molón", "insideTwoText": "String"), "varOne": 64, "varTwo": 65);
/*
*
*
inspect(map-remove */
content: ("varTwo": 65);
}
.class {
width: 7.45675;
width: 7;
width: 7;
width: 8;
content: 112%;
content: 1;
content: 12;
content: 2;
}
.class {
content: 'Yeah!';
}
{
"sass": {
"compiler": "libsass/3.5.5",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": true
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment