2015-12-22 13:41:58 +01:00
|
|
|
|
2016-01-09 19:07:09 +01:00
|
|
|
.content--page {
|
2016-01-14 13:04:44 +01:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content--page--markdown {
|
|
|
|
|
padding-top: ($spacer * 2);
|
|
|
|
|
padding-bottom: ($spacer * 2);
|
|
|
|
|
|
|
|
|
|
@media ($screen-sm) {
|
|
|
|
|
padding-top: ($spacer * 4);
|
|
|
|
|
padding-bottom: ($spacer * 4);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> h1, h2 {
|
|
|
|
|
border-bottom: 2px solid $gray-lightest;
|
|
|
|
|
padding-bottom: $spacer;
|
|
|
|
|
margin-bottom: ($spacer * 2);
|
|
|
|
|
text-align: center;
|
2016-01-17 16:43:46 +01:00
|
|
|
|
|
|
|
|
.header-link {
|
|
|
|
|
@extend .transition;
|
|
|
|
|
transition-timing-function: $timing-bounce;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0 .5rem;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: translate3d(20px,0,0) scale(0);
|
|
|
|
|
|
|
|
|
|
.header-icon { font-style: normal; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover .header-link {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transform: translate3d(0,0,0) scale(.8);
|
|
|
|
|
}
|
2016-01-09 18:36:18 +01:00
|
|
|
}
|
2015-12-22 13:41:58 +01:00
|
|
|
}
|
