You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
706 B
Sass
44 lines
706 B
Sass
@import "_variables"
|
|
|
|
|
|
html
|
|
background-color: #EEE
|
|
body
|
|
background-color: #FFF
|
|
main
|
|
min-height: 100vh
|
|
|
|
.row, .col
|
|
display: flex
|
|
justify-content: center
|
|
align-items: center
|
|
.row
|
|
flex-direction: row
|
|
flex-wrap: wrap
|
|
.col
|
|
flex-direction: column
|
|
|
|
|
|
// body
|
|
body
|
|
margin: auto
|
|
min-height: 100vh
|
|
|
|
// small screen
|
|
@media (max-width: $breakpoint-small)
|
|
.page
|
|
width: calc(100% - 10px)
|
|
padding: 0 5px
|
|
.hero h1
|
|
font-size: 2em
|
|
|
|
// medium screen
|
|
@media (min-width: $breakpoint-small) and (max-width: $breakpoint-medium)
|
|
.page
|
|
width: 80%
|
|
|
|
// large screen
|
|
@media (min-width: $breakpoint-medium)
|
|
.page
|
|
width: 66%
|