mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2025-04-04 14:32:27 +02:00
57 lines
1.6 KiB
SCSS
57 lines
1.6 KiB
SCSS
@use "sass:math";
|
|
@use "sass:color";
|
|
|
|
:root {
|
|
--bg-color: #fff;
|
|
--base: hsl(0, 0%, 13%);
|
|
--primary: hsl(220, 100%, 68%);
|
|
--secondary: hsl(220, 100%, 68%);
|
|
--gray: hsl(230, 23%, 23%);
|
|
--gray-border: hsl(230, 77%, 13%);
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--bg-color: hsl(210, 3.7%, 10.6%);
|
|
--base: hsl(219, 14%, 71%);
|
|
--primary: hsl(220, 100%, 68%);
|
|
--secondary: hsl(220, 100%, 68%);
|
|
--gray-border: hsl(220, 10%, 40%);
|
|
--gray: hsl(0, 0%, 100%);
|
|
}
|
|
|
|
$color-bg: var(--bg-color);
|
|
$color-base: var(--base);
|
|
$color-primary: var(--primary);
|
|
$color-secondary: var(--secondary);
|
|
$color-white: hsl(0, 0%, 100%);
|
|
|
|
$color-gray: color.adjust(hsl(0, 0%, 13%), $lightness: 30%);
|
|
$color-gray-border: var(--gray-border);
|
|
$color-gray-bg: var(--gray-border);
|
|
|
|
$typographic-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
|
|
|
|
$typographic-root-font-size: 100;
|
|
$typographic-base-font-size: 16px;
|
|
$typographic-small-font-size: 14px;
|
|
|
|
$typographic-base-line-height: 1.625;
|
|
|
|
$typographic-base-font-color: $color-base;
|
|
$typographic-link-p-font-color: $color-primary;
|
|
$typographic-link-s-font-color: $color-secondary;
|
|
|
|
$typographic-leading: math.round(16 * math.div($typographic-root-font-size, 100) * $typographic-base-line-height);
|
|
|
|
$button-height: 35px;
|
|
$button-border-radius: 20px;
|
|
|
|
$layout-post-single-width: 1200px;
|
|
$layout-post-width: $layout-post-single-width - 305px;
|
|
|
|
// $layout-width: 1070px;
|
|
$layout-width: 1300px;
|
|
$layout-breakpoint-sm: 685px;
|
|
$layout-breakpoint-md: 960px;
|
|
$layout-breakpoint-lg: 1300px;
|