65 lines
1.3 KiB
Sass
65 lines
1.3 KiB
Sass
@use "sass:string"
|
|
|
|
@use "~@fortawesome/fontawesome-free/scss/fontawesome" as * with ( $fa-font-path: "~@fortawesome/fontawesome-pro/webfonts" )
|
|
@forward "~@fortawesome/fontawesome-free/scss/fontawesome"
|
|
@use "~@fortawesome/fontawesome-free/scss/solid"
|
|
|
|
@use "~typeface-source-sans-pro" as source-sans-pro
|
|
|
|
@use "~bootstrap/scss/bootstrap" with ( $primary: hsl(268, 20%, 34%), $navbar-toggler-padding-y: 0.5rem, $navbar-padding-x: 1rem, $font-family-sans-serif: string.unquote("\"Source Sans Pro\", system-ui, sans-serif") )
|
|
|
|
|
|
.custom-navbar-toggler-icon
|
|
@include fa-icon-solid($fa-var-times)
|
|
|
|
.collapsed &
|
|
@include fa-icon-solid($fa-var-bars)
|
|
|
|
body
|
|
display: flex
|
|
flex-direction: column
|
|
min-height: 100vh
|
|
|
|
main
|
|
flex: 1
|
|
margin: 1rem
|
|
|
|
.multi-col
|
|
columns: 3 500px
|
|
column-gap: 3em
|
|
column-rule: 1px solid #ddd
|
|
|
|
.small-headlines
|
|
h1
|
|
font-size: 2rem
|
|
h2
|
|
font-size: 1.5rem
|
|
h3
|
|
font-size: 1.25rem
|
|
font-weight: 500
|
|
h4,h5,h6
|
|
font-size: 1.0rem
|
|
font-weight: 600
|
|
|
|
footer > nav > ul
|
|
width: 100%
|
|
background-color: hsl(268, 20%, 34%)
|
|
|
|
margin: 1rem 0 0 0
|
|
padding: 1rem 0
|
|
|
|
display: flex
|
|
justify-content: center
|
|
gap: 1rem
|
|
|
|
a,a:visited,a:hover,a:active
|
|
text-decoration: none
|
|
color: white
|
|
opacity: 0.55
|
|
transition: 0.15s
|
|
&:hover,:active
|
|
opacity: 0.75
|
|
|
|
& > li
|
|
display: block
|