theming should be fine now
This commit is contained in:
parent
281e3495ef
commit
2548d62776
29 changed files with 1149 additions and 568 deletions
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
|
@ -4,5 +4,5 @@
|
|||
|
||||
hr
|
||||
border: 0
|
||||
border-top: .1rem solid $color-tertiary
|
||||
border-top: .1rem solid var(--color-tertiary)
|
||||
margin: 3.0rem 0
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -3,9 +3,9 @@
|
|||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
|
||||
a
|
||||
color: $color-primary
|
||||
color: var(--color-primary)
|
||||
text-decoration: none
|
||||
|
||||
&:focus,
|
||||
&:hover
|
||||
color: $color-secondary
|
||||
color: var(--color-secondary)
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -9,7 +9,6 @@
|
|||
// Sass Modules
|
||||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
|
||||
@import Color
|
||||
@import Base
|
||||
@import Blockquote
|
||||
@import Button
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue