archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Use font size vars in creative

Browse source
This commit is contained in:
Jake Howard 2017-01-17 13:53:59 +00:00
parent b4c50c26e7
commit 7273c3f4cd
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
theme/static/src/scss/creative/creative.scss
View file

@ -35,7 +35,7 @@ h1, h2, h3, h4, h5, h6 {
p { p {
margin-bottom: 20px; margin-bottom: 20px;
line-height: 1.5; line-height: 1.5;
font-size: 16px; font-size: $font-size-base;
} }
.bg-primary { .bg-primary {
@ -84,7 +84,7 @@ aside {
& > a:focus { & > a:focus {
text-transform: uppercase; text-transform: uppercase;
color: $brand-grey-dark; color: $brand-grey-dark;
font-size: 13px; font-size: $font-size-small;
font-weight: 700; font-weight: 700;
&:hover { &:hover {
@ -132,7 +132,7 @@ aside {
.navbar-header .navbar-brand { .navbar-header .navbar-brand {
color: $brand-orange; color: $brand-orange;
font-size: 14px; font-size: $font-size-small;
&:hover, &:focus { &:hover, &:focus {
color: darken($brand-orange, 10%); color: darken($brand-orange, 10%);
@ -184,7 +184,7 @@ header {
p { p {
margin-bottom: 50px; margin-bottom: 50px;
color: opacify($white, 0.7); color: opacify($white, 0.7);
font-size: 16px; font-size: $font-size-base;
font-weight: 300; font-weight: 300;
} }
} }
@ -207,7 +207,7 @@ header {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
max-width: 80%; max-width: 80%;
font-size: 18px; font-size: $font-size-large;
} }
} }
} }
@ -266,12 +266,12 @@ header {
.project-category { .project-category {
text-transform: uppercase; text-transform: uppercase;
font-size: 14px; font-size: $font-size-small;
font-weight: 600; font-weight: 600;
} }
.project-name { .project-name {
font-size: 18px; font-size: $font-size-large;
} }
} }
} }
@ -286,11 +286,11 @@ header {
.portfolio-box-caption { .portfolio-box-caption {
.portfolio-box-caption-content { .portfolio-box-caption-content {
.project-category { .project-category {
font-size: 16px; font-size: $font-size-base;
} }
.project-name { .project-name {
font-size: 22px; font-size: $font-size-large;
} }
} }
} }

1
theme/static/src/scss/variables.scss
View file

@ -15,5 +15,6 @@ $font-family-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif;
/* @group Bootstrap Overrides */ /* @group Bootstrap Overrides */
$font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif; $font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif;
$font-size-base: 16px;
$brand-primary: $brand-orange; $brand-primary: $brand-orange;
/* @end Bootstrap Overrides */ /* @end Bootstrap Overrides */