From 3a3baddad1c801d77dc398d2c6980f3c14f4a47c Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sat, 30 Oct 2021 22:11:00 +0200 Subject: chore: move htdocs to repo root --- htdocs/src/scss/base/_animations.scss | 89 -------------------------- htdocs/src/scss/base/_base.scss | 3 - htdocs/src/scss/base/_colors.scss | 21 ------- htdocs/src/scss/base/_fonts.scss | 115 ---------------------------------- htdocs/src/scss/base/_helpers.scss | 44 ------------- htdocs/src/scss/base/_spacings.scss | 24 ------- htdocs/src/scss/base/_typography.scss | 48 -------------- 7 files changed, 344 deletions(-) delete mode 100644 htdocs/src/scss/base/_animations.scss delete mode 100644 htdocs/src/scss/base/_base.scss delete mode 100644 htdocs/src/scss/base/_colors.scss delete mode 100644 htdocs/src/scss/base/_fonts.scss delete mode 100644 htdocs/src/scss/base/_helpers.scss delete mode 100644 htdocs/src/scss/base/_spacings.scss delete mode 100644 htdocs/src/scss/base/_typography.scss (limited to 'htdocs/src/scss/base') diff --git a/htdocs/src/scss/base/_animations.scss b/htdocs/src/scss/base/_animations.scss deleted file mode 100644 index a2df8ab..0000000 --- a/htdocs/src/scss/base/_animations.scss +++ /dev/null @@ -1,89 +0,0 @@ -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - visibility: visible; - } -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - visibility: hidden; - } -} - -@keyframes slideInLeft { - 0% { - margin-left: -100%; - } - - 100% { - margin-left: 0; - visibility: visible; - } -} - -@keyframes slideOutLeft { - 0% { - margin-left: 0; - } - - 100% { - margin-left: -100%; - visibility: hidden; - } -} - -@keyframes slideInUp { - 0% { - margin-bottom: -100vh; - } - - 100% { - margin-bottom: 0; - visibility: visible; - } -} - -@keyframes slideOutBottom { - 0% { - margin-bottom: 0; - } - - 100% { - margin-bottom: -100vh; - visibility: hidden; - } -} - -.fade-in { - animation: fadeIn 1s; -} - -.fade-out { - animation: fadeOut 1s; -} - -.slide-in--left { - animation: slideInLeft 0.8s; -} - -.slide-out--left { - animation: slideOutLeft 0.8s; -} - -.slide-in--up { - animation: slideInUp 1s; -} - -.slide-out--bottom { - animation: slideOutBottom 1s; -} diff --git a/htdocs/src/scss/base/_base.scss b/htdocs/src/scss/base/_base.scss deleted file mode 100644 index a157a50..0000000 --- a/htdocs/src/scss/base/_base.scss +++ /dev/null @@ -1,3 +0,0 @@ -html { - overflow: hidden; -} diff --git a/htdocs/src/scss/base/_colors.scss b/htdocs/src/scss/base/_colors.scss deleted file mode 100644 index 6251b2e..0000000 --- a/htdocs/src/scss/base/_colors.scss +++ /dev/null @@ -1,21 +0,0 @@ -@use "../abstracts/mixins" as mix; -@use "../abstracts/variables" as var; -@include mix.set-vars( - ( - color-bg: #{var.$color_black-squeeze}, - color-bg-secondary: #{var.$color_catskill-white}, - color-bg-tertiary: #{var.$color_link-water}, - color-fg: #{var.$color_firefly}, - color-fg-inverted: #{var.$color_black-squeeze}, - color-border: #{var.$color_chathams-blue}, - color-border-light: #{var.$color_geyser}, - color-shadow-darker: #{var.$color_nile-blue}, - color-shadow-dark: #{var.$color_pale-sky}, - color-shadow: #{var.$color_chambray}, - color-shadow-light: #{var.$color_gull-gray}, - color-primary: #{var.$color_chathams-blue}, - color-primary-light: #{var.$color_chathams-blue-light}, - color-primary-light-opacity: #{var.$color_chathams-blue-light-opacity-25}, - color-primary-dark: #{var.$color_chathams-blue-dark}, - ) -); diff --git a/htdocs/src/scss/base/_fonts.scss b/htdocs/src/scss/base/_fonts.scss deleted file mode 100644 index 192f6b8..0000000 --- a/htdocs/src/scss/base/_fonts.scss +++ /dev/null @@ -1,115 +0,0 @@ -@use "../abstracts/functions" as fun; -@use "../abstracts/mixins" as mix; -@use "../abstracts/variables" as var; - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: normal; - font-weight: 700; - src: url("../fonts/Kanit/Kanit-Bold.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-Bold.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: italic; - font-weight: 700; - src: url("../fonts/Kanit/Kanit-BoldItalic.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-BoldItalic.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: normal; - font-weight: 600; - src: url("../fonts/Kanit/Kanit-SemiBold.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-SemiBold.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: italic; - font-weight: 600; - src: url("../fonts/Kanit/Kanit-SemiBoldItalic.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-SemiBoldItalic.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: normal; - font-weight: 500; - src: url("../fonts/Kanit/Kanit-Medium.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-Medium.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: italic; - font-weight: 500; - src: url("../fonts/Kanit/Kanit-MediumItalic.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-MediumItalic.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: normal; - font-weight: 400; - src: url("../fonts/Kanit/Kanit-Regular.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-Regular.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: italic; - font-weight: 400; - src: url("../fonts/Kanit/Kanit-Italic.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-Italic.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: normal; - font-weight: 300; - src: url("../fonts/Kanit/Kanit-Light.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-Light.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Kanit; - font-style: italic; - font-weight: 300; - src: url("../fonts/Kanit/Kanit-LightItalic.woff2") format("woff2"), - url("../fonts/Kanit/Kanit-LightItalic.woff") format("woff"); -} - -@font-face { - font-display: swap; - font-family: Inter; - font-style: oblique 0deg 10deg; - font-weight: 100 900; - src: url("../fonts/Inter/Inter.woff2?v=3.18") format("woff2"); -} - -@include mix.set-vars( - ( - font-family-primary: #{var.$font-family_primary}, - font-family-secondary: #{var.$font-family_secondary}, - font-size-sm: #{var.$font-size_sm}, - font-size-md: #{var.$font-size_md}, - font-size-lg: #{var.$font-size_lg}, - font-size-xl: #{var.$font-size_xl}, - font-size-2xl: #{var.$font-size_2xl}, - font-size-3xl: #{var.$font-size_3xl}, - line-height: #{var.$line-height}, - ) -); diff --git a/htdocs/src/scss/base/_helpers.scss b/htdocs/src/scss/base/_helpers.scss deleted file mode 100644 index d6a9233..0000000 --- a/htdocs/src/scss/base/_helpers.scss +++ /dev/null @@ -1,44 +0,0 @@ -@use "../abstracts/functions" as fun; -@use "../abstracts/mixins" as mix; - -.hide { - display: none !important; -} - -/* Text meant only for screen readers. */ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - height: fun.convert-px(1); - overflow: hidden; - padding: 0; - position: absolute !important; - width: fun.convert-px(1); - word-break: normal; - word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ - - &:focus { - background: fun.get-var(color-bg); - border: fun.convert-px(3) solid fun.get-var(color-border); - box-shadow: 0 0 fun.convert-px(2) fun.convert-px(2) - fun.get-var(color-shadow-light); - clip: auto !important; - color: fun.get-var(color-primary); - display: block; - font-size: fun.get-var(font-size-md); - font-weight: 600; - height: auto; - left: 0; - padding: fun.get-var(spacing-sm) fun.get-var(spacing-md); - top: 0; - width: auto; - z-index: 100000; - } -} - -@include mix.motion("reduce") { - * { - animation: none !important; - transition: none !important; - } -} diff --git a/htdocs/src/scss/base/_spacings.scss b/htdocs/src/scss/base/_spacings.scss deleted file mode 100644 index e908caf..0000000 --- a/htdocs/src/scss/base/_spacings.scss +++ /dev/null @@ -1,24 +0,0 @@ -@use "../abstracts/functions" as fun; -@use "../abstracts/mixins" as mix; -@use "../abstracts/variables" as var; -@include mix.set-vars( - ( - spacing-3xs: var.$spacing_3xs, - spacing-2xs: var.$spacing_2xs, - spacing-xs: var.$spacing_xs, - spacing-sm: var.$spacing_sm, - spacing-md: var.$spacing_md, - spacing-lg: var.$spacing_lg, - toolbar-height: fun.convert-px(60), - ) -); - -@include mix.media("screen") { - @include mix.dimensions("lg") { - @include mix.set-vars( - ( - toolbar-height: fun.convert-px(0), - ) - ); - } -} diff --git a/htdocs/src/scss/base/_typography.scss b/htdocs/src/scss/base/_typography.scss deleted file mode 100644 index b0504b7..0000000 --- a/htdocs/src/scss/base/_typography.scss +++ /dev/null @@ -1,48 +0,0 @@ -@use "../abstracts/functions" as fun; - -*::selection { - background: fun.get-var(color-primary-light-opacity); -} - -body { - background: fun.get-var(color-bg); - color: fun.get-var(color-fg); - font-size: fun.get-var(font-size-md); - line-height: fun.get-var(line-height); -} - -h1, -h2, -h3, -h4, -h5, -h6, -p, -ul { - margin: 0 0 fun.get-var(spacing-sm); -} - -a { - color: fun.get-var(color-primary); - text-decoration-thickness: fun.convert-px(2); - text-underline-offset: fun.convert-px(3); - transition: all 0.3s ease-in-out 0s; - - &:hover, - &:focus { - color: fun.get-var(color-primary-light); - text-decoration-color: fun.get-var(color-primary-light); - text-decoration-thickness: fun.convert-px(4); - } - - &:focus { - outline: fun.get-var(color-primary) dotted fun.convert-px(1); - } - - &:active { - color: fun.get-var(color-primary-dark); - outline: none; - text-decoration-color: fun.get-var(color-primary-dark); - text-decoration-thickness: fun.convert-px(2); - } -} -- cgit v1.2.3