Personal Website - https://mkr.pw
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

82 lines
1.1 KiB

// Vars
$primary: hsl(255, 100%, 60%)
$bg-color: #000
// Root
html
font-size: 14px
font-family: 'Roboto', Arial, Helvetica, sans-serif
font-weight: 300
color: $primary
// Body
body
width: 100%
overflow-x: hidden
background: $bg-color
// Typography
h1, h2, h3, h4, h5, h6
font-weight: 300
h1
font-size: 2.8em
line-height: 0em
.t-right
text-align: right
.t-white
color: #fff
.t-uline
border-bottom: 1px solid rgba(255, 255, 255, 0.5)
.tooltip
display: none
width: 100%
position: absolute
top: 3em
left: 0
z-index: 200
background: $primary
color: #fff
padding: 0.8em
font-size: 0.8em
text-align: left
.is-relative
position: relative
// Grid
.row-full
display: block
display: grid
align-content: center
align-items: center
justify-content: center
margin: auto
height: 100vh
grid-template-columns: [full] 100%
.row-full
display: block
display: grid
align-content: center
align-items: center
justify-content: center
margin: auto
height: 100vh
grid-template-columns: [full] 100%
.col-full
align-self: center
grid-area: full
margin: auto