reset the template

This commit is contained in:
sakrecoer 2020-08-03 21:40:11 +02:00
parent 209b0d58c3
commit bafff0e0dc
105 changed files with 4292 additions and 10535 deletions

View file

@ -1,85 +1,147 @@
// Misc.
$misc: (
z-index-base: 10000,
overlay-opacity: 0.75,
lightbox-opacity: 0.75,
gallery-limit: 32,
items-limit: 16
);
/// Removes a specific item from a list.
/// @author Hugo Giraudel
/// @param {list} $list List.
/// @param {integer} $index Index.
/// @return {list} Updated list.
@function remove-nth($list, $index) {
// Duration.
$duration: (
menu: 0.5s,
transition: 0.2s,
gallery-lightbox: 0.5s,
gallery-delay: 0.15s,
items-delay: 0.15s,
on-load: 0.75s,
on-scroll: 0.75s
);
$result: null;
// Size.
$size: (
border-radius: 4px,
border-radius-alt: 0.5rem,
border-width: 1px,
element-height: 2.75rem,
element-margin: 2rem,
gutter: 3.5rem,
inner: 64rem,
padding: (
default: 7rem,
xlarge: 5rem,
large: 4rem,
medium: 3rem,
small: 2rem
)
);
@if type-of($index) != number {
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
}
@else if $index == 0 {
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
}
@else if abs($index) > length($list) {
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
}
@else {
// Font.
$font: (
family: ('Astloch', Helvetica, sans-serif),
family-fixed: ('Lucida Console', Monaco, monospace),
weight: 400,
weight-bold: 700,
kerning: -0.025em,
kerning-alt: 0.125em
);
$result: ();
$index: if($index < 0, length($list) + $index + 1, $index);
@for $i from 1 through length($list) {
@if $i != $index {
$result: append($result, nth($list, $i));
}
}
}
@return $result;
}
/// Gets a value from a map.
/// @author Hugo Giraudel
/// @param {map} $map Map.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function val($map, $keys...) {
@if nth($keys, 1) == null {
$keys: remove-nth($keys, 1);
}
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
/// Gets a font value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _font($keys...) {
@return val($font, $keys...);
}
/// Gets a palette value.
/// @param {string} $keys Key(s).
/// @return {string} Value.
@function _palette($keys...) {
@return val($palette, $keys...);
}
@font-face {
font-family: 'Jetbrain-regular';
font-style: normal;
font-weight: 400;
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Regular.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jetbrain-regular';
font-style: italic;
font-weight: 400;
src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/JetBrainsMono_Italic.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jetbrain-regular';
font-style: normal;
font-weight: 500;
src: local('Jetbrain Bold'), local('Jetbrain-Bold'), url(/assets/fonts/JetBrainsMono_Bold.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jetbrain-regular';
font-style: italic;
font-weight: 500;
src: local('Jetbrain Bold'), local('Jetbrain-Bold'), url(/assets/fonts/JetBrainsMono_Bold_Italic.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jetbrain-Extrabold';
font-style: normal;
font-weight: 700;
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jetbrain-Extrabold';
font-style: italic;
font-weight: 700;
src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Staatliches';
font-style: normal;
font-weight: 400;
src: local('Astloch Bold'), local('Astloch-Bold'), url(/assets/fonts/Astloch-Bold.ttf) format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
$font: (
title: ('Staatliches', 'Lucida Console', Monaco, monospace),
family: ('Jetbrain-Extrabold', 'Lucida Console', Monaco, monospace),
family-fixed: ('Jetbrain-Regular', 'Lucida Console', Monaco, monospace),
weight: 400,
weight-bold: 700,
kerning: -0.025em,
kerning-alt: 0.125em
);
// Palette.
$palette: (
color1: #30363d,
color2: #db8992,
color3: #ab7aad,
color4: #897cad,
color5: #7794ce,
color6: #64abb4,
color7: #6ba78c,
$palette: (
bg: rgb(66, 66, 66),
bg-alt: rgba(66, 66, 66, 0.75),
fg: rgb(254, 255, 234),
fg-alt: rgba(254, 255, 234, 0.25),
border: rgba(0, 0, 0, 1),
border-alt: rgba(0, 0, 0, 0.75),
accent1: rgb(252, 252, 100),
accent1-alt:rgb(182, 182, 0),
accent2: rgb(0, 146, 137),
accent2-alt:rgb(0, 97, 90),
bg: #111111,
bg-alt: rgb(238, 238, 238),
bg-transparent: rgba(238, 238, 238, 0.5),
fg: rgb(238, 238, 238),
fg-bold: rgb(238, 238, 238),
fg-light: rgba(238, 238, 238, 0.75),
border: rgba(0, 0, 0, 0.2),
border-alt: rgba(0, 0, 0, 0.075),
border-bg: rgba(0, 0, 0, 0.05),
border-darken: rgba(0, 0, 0, 0.25),
border-dark: rgba(0, 0, 0, 0.85),
accent: rgba(233, 77, 29, 1),
accent-dark: rgb(0, 0, 0),
invert: (
bg: #000000,
bg-alt: #222222,
fg: #ffffff,
fg-bold: #ffffff,
fg-light: #ffffff,
border: rgb(0, 0, 0),
border-alt: rgba(238, 238, 238, 0.25),
border-bg: rgba(0, 0, 0, 0.125),
accent: #47D3E5
),
);
);