mirror of
https://github.com/inspec/inspec
synced 2024-12-20 10:03:28 +00:00
9bf72b4fa1
** Fixed 404 pages on mobile ** Colored links when on correct page for Nav (probably, a better way to handle this..but it works for now) ** Changed horizontal parallax to vertical ** Per Kaiv’s request slowed down grid animation ** Per Kaiv’s request added a little “code snippet” preview when plus icon on homepage is clicked.
120 lines
1.8 KiB
SCSS
120 lines
1.8 KiB
SCSS
h1 {
|
|
color : $color_heading;
|
|
font-family : $heading-font;
|
|
font-size : 2.25em;
|
|
font-weight : 300;
|
|
//mobile
|
|
@include nav-small{
|
|
font-size : 1.8em;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
color : $color_heading;
|
|
font-family : $heading-font;
|
|
font-size : 1.75em;
|
|
font-weight : 300;
|
|
//mobile
|
|
@include nav-small{
|
|
font-size : 1.4em;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
color : $color_heading;
|
|
font-family : $heading-font;
|
|
font-size : 1.25em;
|
|
font-weight : 300;
|
|
//mobile
|
|
@include nav-small{
|
|
font-size : 1.2em;
|
|
}
|
|
}
|
|
|
|
h4 {
|
|
color : $color_paragraph;
|
|
font-family : $heading-font;
|
|
font-size : 1.25em;
|
|
font-weight : 300;
|
|
line-height : 1.4em;
|
|
//mobile
|
|
@include nav-small{
|
|
font-size : 1.2em;
|
|
line-height : 1.6em;
|
|
}
|
|
|
|
}
|
|
|
|
p {
|
|
//mobile
|
|
@include nav-small{
|
|
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 {
|
|
// indent for li
|
|
margin-left : 1.6em;
|
|
|
|
@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 );
|
|
}
|
|
|
|
// 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;
|
|
}
|