inspec/www/source/stylesheets/_typography.scss
Adam Leff 6b49303136
Add warning to the http resource documentation
Currently, the `http` resource only operates on the node on which
`inspec exec` is run, even if the user uses the `--target` flag.
This has caused some confusion in the community.

Until this can be fixed, this change adds a warning to the documentation.

Signed-off-by: Adam Leff <adam@leff.co>
2017-04-03 17:21:15 -04:00

130 lines
1.9 KiB
SCSS

h1 {
color: $color_heading;
font-family: $heading-font;
font-size: 2.25em;
font-weight: 300;
@include nav-small { //mobile
font-size: 1.8em;
}
}
h2 {
color: $color_heading;
font-family: $heading-font;
font-size: 1.75em;
font-weight: 300;
@include nav-small { //mobile
font-size: 1.4em;
}
}
h3 {
color: $color_heading;
font-family: $heading-font;
font-size: 1.25em;
font-weight: 300;
@include nav-small { //mobile
font-size: 1.2em;
}
}
h4 {
color: $color_paragraph;
font-family: $heading-font;
font-size: 1.25em;
font-weight: 300;
line-height: 1.4em;
@include nav-small { //mobile
font-size: 1.2em;
line-height: 1.6em;
}
}
p {
@include nav-small { //mobile
line-height : 1.6em;
}
}
li,
ol,
p,
ul {
color: $color_paragraph;
font-family: $main-font;
font-weight: 300;
list-style-type: none;
}
small {
@extend %uppercase;
color: $color_gray;
font-family: $main-font;
font-size: 65%;
}
li {
margin-left: 1.6em; // indent for li
@include nav-small {
margin-left: initial;
}
}
hr {
width: 150px;
height: 1px;
margin-top: 6px;
margin-bottom: 6px;
border: 0;
background: linear-gradient(
to right,
$color_hr 0,
$color_link 100%
);
background-color: $color_hr;
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );
}
//Increase Text Margin
.txt-margin {
margin-bottom: 1rem;
}
// Font Colors//
.t-dk {
color: $color_heading;
}
.t-white {
color: $color_white;
}
.t-blue {
color: $color_link;
}
.t-transparent {
opacity: 0.6;
}
.t-purple {
color: $color_purple !important;
}
.t-purple > a { //trigger for side bar LI
color: $color_purple !important;
}
.warning {
padding: 10px;
margin-bottom: 1em;
background: $color_lt_yellow;
border: 1px solid rgba(255,147,0,0.3);
}