1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-25 11:08:29 +01:00
site/_src/_assets/styles/bigchain/_content-page.scss
Matthias Kretschmann 4ae3016866
update privacy policy
* mention our use and implementation of Google Analytics
* mention Read the Docs
* mention what we don't track and why
* add a tl;dr to the top
* tweak markdown page headings styling
2018-05-15 17:18:06 +02:00

66 lines
1.3 KiB
SCSS

.content--page--markdown {
padding-top: ($spacer * 2);
padding-bottom: ($spacer * 2);
@media ($screen-sm) {
padding-top: ($spacer * 5);
padding-bottom: ($spacer * 5);
}
> h1,
h2 {
border-bottom: 2px solid $brand-main-blue-light;
padding-bottom: $spacer;
margin-bottom: ($spacer * 1.5);
margin-top: ($spacer * 3);
position: relative;
font-size: $font-size-h3;
&:hover {
.header-link {
opacity: 1;
transform: translate3d(0, 0, 0) scale(.8);
}
}
}
h3 {
font-size: $font-size-h4;
}
h4 {
font-size: $font-size-h5;
}
.header-link {
box-shadow: none;
display: block;
padding: 0 .25rem;
opacity: 0;
transform: translate3d(20px, 0, 0) scale(0);
position: absolute;
left: -1.5rem;
top: 0;
&,
.header-icon {
transition: .2s $timing-bounce;
}
&:hover,
&:focus {
background: none;
.header-icon {
color: lighten($brand-primary, 10%);
}
}
.header-icon {
font-style: normal;
font-size: $font-size-h3;
color: $brand-primary;
}
}
}