hugo-theme-hello-amigo/assets/scss/_variables.scss

27 lines
626 B
SCSS

@charset "UTF-8";
/* light theme color */
$light-background: #fff;
$light-background-secondary: #eaeaea;
$light-color: #222;
$light-color-secondary: #999;
$light-border-color: #dcdcdc;
/* dark theme colors */
$dark-background: #34363a;
$dark-background-secondary: #404653;
$dark-color: #d4d4d4;
$dark-color-secondary: #a1a1a1;
$dark-border-color: #4a4b50;
$cursor-color: #c75f36;
$media-size-phone: "(max-width: 684px)";
$media-size-tablet: "(max-width: 900px)";
/* variables for js, must be the same as these in @custom-media queries */
:root {
--phoneWidth: (max-width: 684px);
--tabletWidth: (max-width: 900px);
}