Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Gaël Poupard ffoodd

🎯
Focusing
View GitHub Profile
@ffoodd
ffoodd / input.scss
Created May 20, 2021
Generated by SassMeister.com.
View input.scss
@function add($value1, $value2, $return-calc: true) {
@if $value1 == null {
@return $value2;
}
@if $value2 == null {
@return $value1;
}
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
@ffoodd
ffoodd / input.scss
Created May 20, 2021
Generated by SassMeister.com.
View input.scss
@function add($value1, $value2, $return-calc: true) {
@if $value1 == null {
@return $value2;
}
@if $value2 == null {
@return $value1;
}
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
@ffoodd
ffoodd / input.scss
Created May 7, 2021
Generated by SassMeister.com.
View input.scss
$theme-colors: (
"primary": #0d6efd
);
$list-group-color: #911;
@each $state, $value in $theme-colors {
$list-group-color: $value;
.list-group-inside { color: $list-group-color; }
@ffoodd
ffoodd / input.scss
Created May 7, 2021
Generated by SassMeister.com.
View input.scss
$theme-colors: (
"primary": #0d6efd
);
$list-group-color: #911;
@each $state, $value in $theme-colors {
$list-group-color: $value;
.list-group-inside { color: $list-group-color; }
@ffoodd
ffoodd / input.scss
Created May 4, 2021
Generated by SassMeister.com.
View input.scss
$primary: #0d6efd;
@function shade-color($color, $weight) {
@return mix(black, $color, $weight);
}
a {
color: darken($primary, 20%);
}
@ffoodd
ffoodd / input.scss
Last active Feb 19, 2021
Generated by SassMeister.com.
View input.scss
@function tint-color($color, $weight) {
@return mix(white, $color, $weight);
}
@function shade-color($color, $weight) {
@return mix(black, $color, $weight);
}
@function shift-color($color, $weight) {
@ffoodd
ffoodd / input.scss
Created Nov 20, 2020
Generated by SassMeister.com.
View input.scss
$value: 4;
p {
--padding: $value * 1px;
}
@ffoodd
ffoodd / input.scss
Created Nov 20, 2020
Generated by SassMeister.com.
View input.scss
$value: 4;
@mixin try() {
@content;
}
@include try() {
p {
--padding: $value * 1px;
}
@ffoodd
ffoodd / input.scss
Created Nov 19, 2020
Generated by SassMeister.com.
View input.scss
$box-shadow: null;
/* Nullifying values */
.shadow {
box-shadow: $box-shadow;
}
@ffoodd
ffoodd / input.scss
Last active Sep 17, 2020
Generated by SassMeister.com.
View input.scss
$variable-prefix: 'bs';
:root {
$variable-prefix: if(type-of($variable-prefix) == string, $variable-prefix + '-', $variable-prefix);
--#{$variable-prefix}font-sans-serif: Fantasy;
}