ben.carrasco/next-static-site
1
0
Fork 0
mirror of https://github.com/jambonz/next-static-site.git synced 2025-12-19 04:47:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix bold font-weight -- create font mixins

Browse Source
This commit is contained in:
kitajchuk
2021-04-05 21:17:45 -07:00
parent 5d77192adc
commit 9fef8c0e2e
4 changed files with 29 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
styles/_buttons.scss
View File

@@ -5,9 +5,9 @@
background-color: $jambonz;
color: $white;
text-decoration: none;
font-family: 'objectivitybold';
border-radius: 30px;
display: inline-block;
@include font-bold();
@media (max-width: $width-tablet-2) {
font-size: $ms-size;

19
styles/_mixins.scss Normal file
View File

@@ -0,0 +1,19 @@
/******************************************************************************
* Mixins
*******************************************************************************/
@mixin font-bold() {
font-family: 'objectivitybold';
font-weight: normal;
em {
font-family: 'objectivitybold_italic';
}
}
@mixin font-medium() {
font-family: 'objectivitymedium';
em {
font-family: 'objectivitymedium_slanted';
}
}

38
styles/_typography.scss
View File

@@ -60,7 +60,7 @@ a {
}
strong {
font-family: 'objectivitybold';
@include font-bold();
}
em {
@@ -71,11 +71,7 @@ em {
font-size: $h1-size;
line-height: 1.33;
letter-spacing: -0.06px;
font-family: 'objectivitybold';
em {
font-family: 'objectivitybold_italic';
}
@include font-bold();
@media (max-width: $width-tablet-1) {
font-size: $h2-size;
@@ -94,11 +90,7 @@ em {
font-size: $h2-size;
line-height: 1.35;
letter-spacing: -0.05px;
font-family: 'objectivitybold';
em {
font-family: 'objectivitybold_italic';
}
@include font-bold();
@media (max-width: $width-tablet-1) {
font-size: $h3-size;
@@ -117,11 +109,7 @@ em {
font-size: $h3-size;
line-height: 1.33;
letter-spacing: -0.05px;
font-family: 'objectivitybold';
em {
font-family: 'objectivitybold_italic';
}
@include font-bold();
@media (max-width: $width-tablet-1) {
font-size: $h4-size;
@@ -140,11 +128,7 @@ em {
font-size: $h4-size;
line-height: 1.5;
letter-spacing: -0.04px;
font-family: 'objectivitymedium';
em {
font-family: 'objectivitymedium_slanted';
}
@include font-medium();
@media (max-width: $width-tablet-1) {
font-size: $h5-size;
@@ -163,11 +147,7 @@ em {
font-size: $h5-size;
line-height: 1.67;
letter-spacing: -0.03px;
font-family: 'objectivitymedium';
em {
font-family: 'objectivitymedium_slanted';
}
@include font-medium();
span {
color: $jambonz;
@@ -195,11 +175,7 @@ em {
font-size: $h6-size;
line-height: 1.8;
letter-spacing: -0.03px;
font-family: 'objectivitymedium';
em {
font-family: 'objectivitymedium_slanted';
}
@include font-medium();
@media (max-width: $width-tablet-1) {
font-size: $p-size;

3
styles/global.scss
View File

@@ -1,7 +1,8 @@
/******************************************************************************
* Variables
* Variables / Mixins
*******************************************************************************/
@import 'vars.scss';
@import 'mixins.scss';
/******************************************************************************
* Fonts