Olivier Lacan 7221c2cd10 Fix odd import issue with individual Sass files
Seems like these individual Sass files are compiled individually despite
being imported by the main application.css.sass file which means we now have
to import the variables.sass file with all the Sass variable declaration in
each of them.
# Title

# Tell me everything!

# Co-authors (they will be credited on GitHub as well)
# Co-authored-by: Carolina Powers <carolinapoloni@gmail.com>
# Co-authored-by: Meg Kline-Tuls <meglktuls@gmail.com>
# Co-authored-by: Will <will-soto@pluralsight.com>
# Co-authored-by: thatchej <jaron-thatcher@pluralsight.com>
2019-02-15 12:02:17 -05:00

64 lines
1002 B
Sass

@import "variables"
$break-small: em(480px)
$break-medium: em(800px)
$break-large: em(1024px)
body
margin: 0
article
margin: 0 auto
max-width: 65em
.main
background-color: $color-white
div
padding-left: 5%
padding-right: 5%
padding-bottom: 3em
aside
background-color: lighten(desaturate($color-bark, 5%), 10%)
margin-bottom: -3em
margin-left: -5%
margin-right: -5%
margin-top: 3em
padding: 2em 5%
text-align: center
aside &
background-position: top
article p
font-size: 1.3em
article code
border-radius: 0.315em
border: 1px solid #ccc
padding: 0 0.3em 0.040em
font-size: 0.9em
article ul
font-size: 1.1em
line-height: 1.5
list-style-type: square
padding-left: 1em
@media (min-width: 1077px)
body
margin: 8px
.main
margin-bottom: 2em
div
padding-left: 20%
padding-right: 20%
aside
margin-left: -35%
margin-right: -35%
padding: 2em 20%