open-consul/website/source/assets/stylesheets/_inner.scss

96 lines
1.3 KiB
SCSS
Raw Normal View History

#inner {
h1 {
@extend .g-type-display-2;
}
h2 {
@extend .g-type-display-3;
}
h3 {
@extend .g-type-display-4;
}
h4 {
@extend .g-type-display-5;
}
h5,
h6 {
@extend .g-type-display-6;
}
p,
li,
.alert {
@extend .g-type-long-body;
margin: 0 0 $font-size-default;
}
.alert p:last-child {
margin-bottom: 0;
2017-04-06 22:05:31 +00:00
}
pre {
padding: 20px;
margin: 0 0 $font-size-default;
// This will force the code to scroll horizontally on small screens
// instead of wrapping.
code {
overflow-wrap: normal;
white-space: pre;
}
}
a {
color: $body-link-color;
text-decoration: none;
&:hover {
text-decoration: underline;
}
code {
background: inherit;
color: $body-link-color;
}
}
img {
display: block;
margin: 25px auto;
max-width: 650px;
height: auto;
width: 90%;
}
h1,
h2,
h3,
h4 {
color: $body-font-color;
margin-top: 35px;
margin-bottom: $font-size-default;
}
h2 {
padding-bottom: 3px;
border-bottom: 1px solid $gray-light;
}
h1 > code,
h2 > code,
h3 > code,
h4 > code,
h5 > code h6 > code {
color: inherit;
font-size: 90%;
}
table {
@extend .table;
@extend .table-striped;
}
}