// Font family
$font-family: -apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Roboto",
"Helvetica Neue", Arial, sans-serif, !default;
// Colors
$palette-cloud-blue: #4285f4 !default;
$palette-soft-red: #f44250 !default;
$palette-snow-white: #f1f3f4 !default;
$palette-lightgray: #c4c4c4 !default;
$palette-darkgray: #75797e !default;
// Constants
$box-shadow-app: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03) !default;
@mixin focus($color: rgba($palette-cloud-blue, 0.75)) {
box-shadow: 0 0 0 1px rgba(white, 0.85), 0 0 0 3px $color;
}
@function colorRainbow($dir: to bottom) {
@return linear-gradient($dir,
hsl(0, 100%, 50%),
hsl(60, 100%, 50%),
hsl(120, 100%, 50%),
hsl(180, 100%, 50%),
hsl(240, 100%, 50%),
hsl(300, 100%, 50%),
hsl(360, 100%, 50%));
}
// Box shadows
$box-shadow-small: 0 1px 2px 0 rgba(0, 0, 0, 0.2) !default;
// Border radius
$border-radius-mid: 0.15em !default;
// Inline SVG muster
$icon-transparency: url('data:image/svg+xml;utf8, ') !default;
$icon-x: url('data:image/svg+xml;utf8, ') !default;