theming should be fine now

This commit is contained in:
Gwendolyn 2024-03-28 12:33:11 +01:00
parent 281e3495ef
commit 2548d62776
29 changed files with 1149 additions and 568 deletions

View file

@ -16,7 +16,7 @@ html
// Default body styles
body
color: $color-secondary
color: var(--color-secondary)
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
font-weight: 300

View file

@ -3,7 +3,7 @@
//
blockquote
border-left: .3rem solid $color-quaternary
border-left: .3rem solid var(--color-quaternary)
margin-left: 0
margin-right: 0
padding: 1rem 1.5rem

View file

@ -7,10 +7,10 @@ button,
input[type='button'],
input[type='reset'],
input[type='submit']
background-color: $color-primary
border: .1rem solid $color-primary
background-color: var(--color-primary)
border: .1rem solid var(--color-primary)
border-radius: .4rem
color: $color-initial
color: var(--color-initial)
cursor: pointer
display: inline-block
font-size: 1.1rem
@ -26,9 +26,9 @@ input[type='submit']
&:focus,
&:hover
background-color: $color-secondary
border-color: $color-secondary
color: $color-initial
background-color: var(--color-secondary)
border-color: var(--color-secondary)
color: var(--color-initial)
outline: 0
&[disabled]
@ -37,39 +37,39 @@ input[type='submit']
&:focus,
&:hover
background-color: $color-primary
border-color: $color-primary
background-color: var(--color-primary)
border-color: var(--color-primary)
&.button-outline
background-color: transparent
color: $color-primary
color: var(--color-primary)
&:focus,
&:hover
background-color: transparent
border-color: $color-secondary
color: $color-secondary
border-color: var(--color-secondary)
color: var(--color-secondary)
&[disabled]
&:focus,
&:hover
border-color: inherit
color: $color-primary
color: var(--color-primary)
&.button-clear
background-color: transparent
border-color: transparent
color: $color-primary
color: var(--color-primary)
&:focus,
&:hover
background-color: transparent
border-color: transparent
color: $color-secondary
color: var(--color-secondary)
&[disabled]
&:focus,
&:hover
color: $color-primary
color: var(--color-primary)

View file

@ -3,7 +3,7 @@
//
code
background: $color-tertiary
background: var(--color-tertiary)
border-radius: .4rem
font-size: 86%
margin: 0 .2rem
@ -11,8 +11,8 @@ code
white-space: nowrap
pre
background: $color-tertiary
border-left: .3rem solid $color-primary
background: var(--color-tertiary)
border-left: .3rem solid var(--color-primary)
overflow-y: hidden
& > code

View file

@ -1,10 +0,0 @@
// Color
//
$color-initial: #fff !default
$color-primary: #9b4dca !default
$color-secondary: #606c76 !default
$color-tertiary: #f4f5f6 !default
$color-quaternary: #d1d1d1 !default
$color-quinary: #e1e1e1 !default

View file

@ -4,5 +4,5 @@
hr
border: 0
border-top: .1rem solid $color-tertiary
border-top: .1rem solid var(--color-tertiary)
margin: 3.0rem 0

View file

@ -13,7 +13,7 @@ textarea,
select
appearance: none // Removes awkward default styles on some inputs for iOS
background-color: transparent
border: .1rem solid $color-quaternary
border: .1rem solid var(--color-quaternary)
border-radius: .4rem
box-shadow: none
box-sizing: inherit // Forced to replace inherit values of the normalize.css
@ -22,7 +22,7 @@ select
width: 100%
&:focus
border-color: $color-primary
border-color: var(--color-primary)
outline: 0
select

View file

@ -3,9 +3,9 @@
//
a
color: $color-primary
color: var(--color-primary)
text-decoration: none
&:focus,
&:hover
color: $color-secondary
color: var(--color-secondary)

View file

@ -8,7 +8,7 @@ table
td,
th
border-bottom: .1rem solid $color-quinary
border-bottom: .1rem solid var(--color-quinary)
padding: 1.2rem 1.5rem
text-align: left

View file

@ -9,7 +9,6 @@
// Sass Modules
//
@import Color
@import Base
@import Blockquote
@import Button