Updated
This commit is contained in:
parent
51161808ae
commit
ed7f12cac4
22 changed files with 162 additions and 113 deletions
|
|
@ -1 +1,7 @@
|
|||
@use '/src/styles/classes.sass'
|
||||
// @use '/src/styles/classes.sass'
|
||||
@use '../../configs/design/site.sass' as design
|
||||
|
||||
:root
|
||||
color-scheme: light dark
|
||||
background-color: light-dark(design.$light-background, design.$dark-background)
|
||||
transition: background-color 0.6s ease-out
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
@use '/src/styles/variables.sass' as vars
|
||||
@use '/src/styles/fonts.sass' as fonts
|
||||
@use 'sass:color'
|
||||
|
||||
$primaryColor: #0075BB
|
||||
|
||||
$bulmaPrimary: rgb(0, 235, 199)
|
||||
$bulmaPrimaryText: rgb(0, 31, 26)
|
||||
$bulmaLink: rgb(92, 111, 255)
|
||||
|
|
@ -36,7 +37,7 @@ $bootstrapLight: rgb(211, 212, 213)
|
|||
$bootstrapDark: rgb(33, 37, 41)
|
||||
|
||||
.button
|
||||
background-color: vars.$primaryColor
|
||||
background-color: $primaryColor
|
||||
border: none
|
||||
color: white
|
||||
padding: 0.5rem 1.25rem
|
||||
|
|
@ -49,7 +50,7 @@ $bootstrapDark: rgb(33, 37, 41)
|
|||
transition: all 0.2s ease-out
|
||||
|
||||
&:hover
|
||||
background-color: color.adjust(vars.$primaryColor, $blackness: 20%)
|
||||
background-color: color.adjust($primaryColor, $blackness: 20%)
|
||||
|
||||
&:active
|
||||
transform: scale(0.95)
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@use '/src/styles/breakpoint.sass' as view
|
||||
@use '../../configs/design/sizes' as view
|
||||
|
||||
.footer
|
||||
padding: 1rem 0
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@use '/src/styles/variables.sass' as vars
|
||||
@use '../../configs/design/colors.sass' as colors
|
||||
@use '/src/styles/fonts.sass' as fonts
|
||||
|
||||
.body
|
||||
color: vars.$textColor
|
||||
color: colors.$white
|
||||
|
||||
.inter
|
||||
@extend .body
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@use '/src/styles/variables.sass' as vars
|
||||
@use '../../configs/design/site' as site
|
||||
@use 'sass:color'
|
||||
|
||||
.modal
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
width: 100%
|
||||
height: 100%
|
||||
backdrop-filter: blur(20px)
|
||||
background-color: rgba(color.adjust(vars.$background, $blackness: 5%), 0.6)
|
||||
background-color: rgba(color.adjust(site.$dark-background, $blackness: 5%), 0.6)
|
||||
z-index: 999
|
||||
|
||||
&__content
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
@use '/src/styles/breakpoint.sass'
|
||||
@use '/src/styles/breakpoints.sass'
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue