lxhome/assets/styles/web.sass

93 lines
1.5 KiB
Sass

---
---
@font-face
font-family: 'Open Sans Condensed Bold'
src: url('/assets/fonts/OpenSansCondensed-Bold.ttf') format('truetype')
@font-face
font-family: 'Open Sans Condensed'
src: url('/assets/fonts/OpenSansCondensed-Light.ttf') format('truetype')
$white-ter: #fafafa
$footer-background-color: $white-ter
$purple: #433983
$family-primary: 'Open Sans Condensed'
$background: $white-ter
$primary: $purple
html.light
background: $background
$background: $white-ter
html.dark
background: $purple
$background: $purple
@charset "utf-8"
@import "./bulma.sass"
body.light
color: $grey-dark
background: $background
with: 100%
height: 100%
.navlink
border-radius: $radius
a
color: $grey-dark
&:hover
background: $purple
a
color: $light
body.dark
color: $light
background: $purple
footer.footer
background: $purple
with: 100%
height: 100%
content.post
a
color: $white
font-weight: 700
font-size: 1.3rem
line-height: 1.5rem
code.highlighter-rouge
background: lighten($purple, 10%)
color: $light
border-radius: $radius
padding: 0.1em 0.2em
.highlight
margin-top: 1em
a.post-title-link
color: $light
&:hover
text-decoration: underline
.navlink
border-radius: $radius
a
color: $light
&:hover
background: $light
a
color: $grey-dark
.column.is-flex.centered
justify-content: center
.columns.is-flex.centered
justify-content: center
.cv-button
margin-top: 3rem