keep-a-changelog/source/assets/stylesheets/application.css.sass
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

93 lines
1.3 KiB
Sass

@import "variables"
@import "layout"
@import "anchors"
@import "sections"
html
font: 16px/1.4 $base-font-family
color: #342828
background-color: $color-sand
a
color: $color-ocre
text-decoration: none
a:hover
text-decoration: underline
h1
color: $color-ocre
font-size: 3.2em
font-weight: bold
font-family: $base-font-family
margin-bottom: 0
line-height: 1
text-transform: lowercase
h2
font-size: 1.2em
margin-top: 0.2em
margin-bottom: 2em
h1, h2
text-align: left
h3
font-size: 1.3em
font-family: $base-font-family
margin-bottom: 1em
position: relative
padding-left: .1em
h3:hover .anchor, h3:focus .anchor
display: block
h3 ~ p
margin-top: 0
h1, h2, h3
margin-top: 0
padding-top: 1em
.about
text-align: center
.about
margin-top: 0
header
.locales, .mark
margin-bottom: -2em
margin-top: 2em
margin-right: 2em
.mark
margin-left: 3em
float: left
.footer
line-height: 2.2
.mark
float: left
.locales
float: right
.locales li
float: right
font-size: 0.7em
display: inline
list-style-type: none
white-space: nowrap
pre, code
background-color: $color-light-sand
font-family: $source-code-font-family
code
white-space: nowrap
@media (min-width: 1077px)
h1
width: 50%