From 881106d9475d16ee51f3e342d588fe06f7521300 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Fri, 18 Oct 2019 09:57:05 +0200 Subject: [PATCH] improvement: refactor and rationalize typography --- color-test.html | 4 +- css/style.css | 234 +++++++++++++++++++++++++---------------- css/style.css.map | 2 +- index.html | 4 +- preview.html | 4 +- scss/_buttons.scss | 1 + scss/_cards.scss | 10 +- scss/_commons.scss | 6 +- scss/_definitions.scss | 8 ++ scss/_font-face.scss | 7 +- scss/_global.scss | 2 +- scss/_typography.scss | 24 ++--- writing-test.html | 2 +- 13 files changed, 183 insertions(+), 125 deletions(-) diff --git a/color-test.html b/color-test.html index 382188e..a4924a7 100644 --- a/color-test.html +++ b/color-test.html @@ -12,9 +12,9 @@ - + + - diff --git a/css/style.css b/css/style.css index 16b64f3..e8917f7 100644 --- a/css/style.css +++ b/css/style.css @@ -169,85 +169,135 @@ blockquote, pre { * */ /* 2.1 - Font Face */ -/* 2.1.1 - OpenSans */ +/* 2.1.1 - OpenSans + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-Light-webfont.eot"); - src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg"); - font-weight: 300; - font-style: normal; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-Light-webfont.eot'); + src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Light-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Light-webfont.woff') format('woff'), + url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg'); + font-weight: 300; + font-style: normal; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-LightItalic-webfont.eot"); - src: url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 300; - font-style: italic; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-LightItalic-webfont.eot'); + src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg'); + font-weight: 300; + font-style: italic; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-Regular-webfont.eot"); - src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg"); - font-weight: 400; - font-style: normal; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-Regular-webfont.eot'); + src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Regular-webfont.woff') format('woff'), + url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg'); + font-weight: 400; + font-style: normal; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-Italic-webfont.eot"); - src: url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg"); - font-weight: 400; - font-style: italic; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-Italic-webfont.eot'); + src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Italic-webfont.woff') format('woff'), + url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg'); + font-weight: 400; + font-style: italic; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-Semibold-webfont.eot"); - src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg"); - font-weight: 600; - font-style: normal; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-Semibold-webfont.eot'); + src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), + url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg'); + font-weight: 600; + font-style: normal; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-SemiboldItalic-webfont.eot"); - src: url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 600; - font-style: italic; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-SemiboldItalic-webfont.eot'); + src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg'); + font-weight: 600; + font-style: italic; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-Bold-webfont.eot"); - src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); - font-weight: 700; - font-style: normal; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-Bold-webfont.eot'); + src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Bold-webfont.woff') format('woff'), + url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); + font-weight: 700; + font-style: normal; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-BoldItalic-webfont.eot"); - src: url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 700; - font-style: italic; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-BoldItalic-webfont.eot'); + src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg'); + font-weight: 700; + font-style: italic; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-ExtraBold-webfont.eot"); - src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg"); - font-weight: 800; - font-style: normal; + font-family: 'OpenSans'; + src: url('fonts/OpenSans-ExtraBold-webfont.eot'); + src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), + url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg'); + font-weight: 800; + font-style: normal; } + @font-face { - font-family: "OpenSans"; - src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot"); - src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg"); - font-weight: 800; - font-style: italic; -} + font-family: 'OpenSans'; + src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot'); + src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg'); + font-weight: 800; + font-style: italic; +}*/ /* 2.2 - Global Typography */ body { - font-family: Work Sans, WorkSans, sans-serif; + font-family: Open Sans, sans-serif; text-align: left; font-size: 4.75mm; line-height: 1.5rem; color: #073642; - font-weight: 300; + font-weight: 400; } .night-mode { @@ -260,7 +310,7 @@ strong { em { font-style: italic; - font-weight: 300; + font-weight: 400; } a { @@ -307,7 +357,7 @@ ul li, ol li { /* 2.2 - Text Wrapper */ .container-typographic p, .container-typographic em, .container-typographic p em { - font-weight: 300; + font-weight: 400; } .container-typographic img { max-width: 100%; @@ -338,7 +388,7 @@ ul li, ol li { /* 2.3 - Titles */ h1, h2, h3, h4, h5, h6, h7 { - font-family: Amatic SC; + font-family: Open Sans, sans-serif; text-align: left; font-size: 1em; padding: 0; @@ -369,53 +419,53 @@ h1.page-title-flex > a:hover, h1.page-title-flex > a:focus, h1.page-title-flex > } h1 { - font-family: Amatic SC; - font-size: 3.33rem; + font-family: Amatic SC, sans-serif; + font-size: 3.815rem; line-height: 4.5rem; padding: 0; padding-bottom: 1.5rem; - font-weight: 200; + font-weight: 300; } h2 { - font-family: Amatic SC; - font-size: 2.725rem; + font-family: Open Sans, sans-serif; + font-size: 2.441rem; line-height: 3rem; padding: 0; padding-bottom: 1.5rem; - font-weight: 200; + font-weight: 300; } h3 { - font-family: Work Sans; - font-size: 2.23rem; + font-family: Open Sans, sans-serif; + font-size: 1.953rem; line-height: 3rem; padding: 0; padding-bottom: 1.5rem; - font-weight: 500; + font-weight: 600; } h4 { - font-family: Work Sans; - font-size: 1.825rem; + font-family: Open Sans, sans-serif; + font-size: 1.563rem; line-height: 3rem; padding: 0; padding-bottom: 1.5rem; - font-weight: 500; + font-weight: 800; } h5 { - font-family: Work Sans; - font-size: 1.439rem; + font-family: Open Sans, sans-serif; + font-size: 1.25rem; line-height: 1.5rem; padding: 0; padding-bottom: 1.5rem; - font-weight: 500; + font-weight: 800; } h6 { - font-family: Work Sans; - font-size: 1.222rem; + font-family: Open Sans, sans-serif; + font-size: 1rem; line-height: 1.5rem; padding: 0; padding-bottom: 1.5rem; @@ -583,7 +633,7 @@ mark { header h1 { border-style: none !important; color: #fdf6e3; - font-weight: 700; + font-weight: 800; font-size: 5.4em; font-style: oblique; padding-bottom: 0px; @@ -686,7 +736,7 @@ ul.social li a:hover { } .card-header, .menu-header { font-size: 1.1em; - font-weight: 600; + font-weight: 300; border-radius: 0; padding: 0.75rem; padding-left: 0; @@ -711,12 +761,12 @@ ul.social li a:hover { transform: skewX(-15deg); } .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 { - font-size: 1em; + font-size: 1rem; padding: 0px; margin: 0px; color: #fdf6e3; - font-weight: 600; - line-height: 1.5em; + font-weight: 300; + line-height: 1.5rem; } .card-menu, .menu-menu { display: flex; @@ -777,7 +827,7 @@ ul.social li a:hover { .card-menu .menu-divider, .menu-menu .menu-divider { position: relative; left: -0.325rem; - font-weight: 600; + font-weight: 800; padding-top: 0.325rem; padding-bottom: 0.325rem; } @@ -793,7 +843,7 @@ ul.social li a:hover { } .smallcard-header, .toast-header { font-size: 1.1em; - font-weight: 600; + font-weight: 300; border-radius: 0; padding: 0.75rem; padding-left: 0; @@ -818,12 +868,12 @@ ul.social li a:hover { transform: skewX(-15deg); } .smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10 { - font-size: 1em; + font-size: 1rem; padding: 0px; margin: 0px; color: #fdf6e3; - font-weight: 600; - line-height: 1.5em; + font-weight: 300; + line-height: 1.5rem; } /* COLORIZE CARDS and TOASTS */ @@ -1074,6 +1124,7 @@ ul.social li a:hover { height: auto; border: 0px solid rgba(0, 0, 0, 0.3); border-radius: 0px 0px 0px 0px; + font-weight: 400; position: relative; z-index: 1; overflow: visible; @@ -1196,6 +1247,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { height: auto; border: 0px solid rgba(0, 0, 0, 0.3); border-radius: 0px 0px 0px 0px; + font-weight: 400; position: relative; z-index: 1; overflow: visible; @@ -1625,14 +1677,14 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { color: #fdf6e3; font-size: 1rem; line-height: 1.5rem; - font-weight: 200; + font-weight: 300; } .preview-item .preview-overlay .card-header { - font-family: Work Sans; + font-family: Open Sans, sans-serif; font-size: 1rem; background-color: #d33682; font-size: 1.1em; - font-weight: 600; + font-weight: 300; border-radius: 0; padding: 0.375rem; padding-left: 0; @@ -1645,7 +1697,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { position: relative; z-index: 1; overflow: visible; - font-weight: 200; + font-weight: 300; } .preview-item .preview-overlay .card-header:before { content: " "; @@ -1658,12 +1710,12 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { transform: skewX(-15deg); } .preview-item .preview-overlay .card-header h1, .preview-item .preview-overlay .card-header h2, .preview-item .preview-overlay .card-header h3, .preview-item .preview-overlay .card-header h4, .preview-item .preview-overlay .card-header h5, .preview-item .preview-overlay .card-header h6, .preview-item .preview-overlay .card-header h7, .preview-item .preview-overlay .card-header h8, .preview-item .preview-overlay .card-header h9, .preview-item .preview-overlay .card-header h10 { - font-size: 1em; + font-size: 1rem; padding: 0px; margin: 0px; color: #fdf6e3; - font-weight: 600; - line-height: 1.5em; + font-weight: 300; + line-height: 1.5rem; } .preview-item:hover .preview-overlay { backdrop-filter: blur(2px); diff --git a/css/style.css.map b/css/style.css.map index 0978edc..a5da630 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_palette.scss","../scss/_typography.scss","../scss/_font-face.scss","../scss/_global.scss","../scss/_cards.scss","../scss/_definitions.scss","../scss/_commons.scss","../scss/_buttons.scss"],"names":[],"mappings":"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jJA,OP/BU;;AOgCV;EACI,kBA+I8B;;AAxI9B;EATJ,OAU2C;;AAT3C;EACI,kBAc2C;;;ADpDnD;AAIA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAKF;EAEE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAKJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,QA5Ce;EA6Cf;EACD;EACC;EACA;EACA;EACA;EACD;EAEA;EACC;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,ONlEQ;EMmER;EACA;EACA;;AAGF;EACE;EACA;EACA,kBNlFS;EIeX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;ECfA;EACA;EACA;ECsEE;;ADpEF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADOJ;EACI;EACA;EACA;EACA,OJ5BM;EI6BN;EACA;;AEoDJ;EACE;EACA;;AAEA;EACE;EACA;;;AAMR;EACE,YAlGe;EAmGf;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACC;EACA;EACC,ONjIY;;;AMsId;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_palette.scss","../scss/_typography.scss","../scss/_font-face.scss","../scss/_definitions.scss","../scss/_global.scss","../scss/_cards.scss","../scss/_commons.scss","../scss/_buttons.scss"],"names":[],"mappings":"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ACA;;;AAmFR;AAEA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI,OJ5FE;EI6FF,kBJnGE;EIoGF;EACA;EACA;EACA;EACA;;AACA;EACI,OJ1GF;EI2GE,kBJrGF;;;AKnBd;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDA;EFlCE;EEVE,kBLQW;EKPd,YFbc;EEcX;EACA;EACA;EACA,SAVU;AA6DV;;AATA;EACI;EACA;;AAGJ;EA3CA;EACA,aFba;EEcb;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EFPA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEDJ;EACI;EACA;EACA;EACA,OL5BM;EK6BN,aFjCS;EEkCT;;AA2BJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EF5DR;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEqDA;EACI;EACA,OLvFG;EKwFH;;AACA;EACI;EACA,OL3FD;EGoBX;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AE+DQ;EACI;;AAOZ;EACI;EACA;EACA,aFpGO;EEqGP;EACA;;;AAKZ;EFjGE;EEVE,kBLQW;EKPd,YFbc;EEcX;EACA;EACA;EACA,SATY;;AAiHZ;EApGA;EACA,aFba;EEcb;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EFPA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEDJ;EACI;EACA;EACA;EACA,OL5BM;EK6BN,aFjCS;EEkCT;;;AAmFR;AA9EI;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA7BS;;AKsCL;ELVJ;EACA,OA7BS;;AKoCT;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;AKmCV;ELRA;EACA,OA5BU;;AKqCN;ELVJ;EACA,OA5BU;;;AK2IV;ELhHA;EACA,OA5BU;;AK4IV;ELjHA;EACA,OA5BU;;AK6IV;ELlHA;EACA,OA5BU;;AK8IV;ELnHA;EACA,OA5BU;;AK+IV;ELpHA;EACA,OA5BU;;AKgJV;ELrHA;EACA,OA5BU;;AKiJV;ELtHA;EACA,OA5BU;;AKkJV;ELvHA;EACA,OA5BU;;AKmJV;ELxHA;EACA,OA7BS;;AKqJT;ELzHA;EACA,OA5BU;;AKqJV;EL1HA;EACA,OA5BU;;AKsJV;EL3HA;EACA,OA5BU;;AKuJV;EL5HA;EACA,OA5BU;;AKyJV;EL9HA;EACA,OA5BU;;AK0JV;EL/HA;EACA,OA5BU;;AK2JV;ELhIA;EACA,OA5BU;;AK4JV;ELjIA;EACA,OA5BU;;AK6JV;ELlIA;EACA,OA5BU;;AK8JV;ELnIA;EACA,OA5BU;;;AMTd;ACJA;AAAA;AAAA;AAAA;AAAA;AAoEA;EAvDI,SAJW;EAKX;EACA;EACA;EACA;EACA;EAEA;EA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","file":"style.css"} \ No newline at end of file diff --git a/index.html b/index.html index bd8526b..66e6b6b 100644 --- a/index.html +++ b/index.html @@ -12,9 +12,9 @@ - + + - diff --git a/preview.html b/preview.html index 069a469..5b25f73 100644 --- a/preview.html +++ b/preview.html @@ -12,9 +12,9 @@ - + + - diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 3f0b38e..671cd5d 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -22,6 +22,7 @@ $button_small: 0.375rem; height:auto; @include borders(); @include border-radius(); + font-weight: $fontweight_base; &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & { diff --git a/scss/_cards.scss b/scss/_cards.scss index 75a23e4..1302298 100644 --- a/scss/_cards.scss +++ b/scss/_cards.scss @@ -20,7 +20,7 @@ $card-smallpad: 0.75rem; @mixin card-header($size) { font-size:1.1em; - font-weight:600; + font-weight: $fontweight_big; border-radius: 0; padding: $size/2; padding-left:0; @@ -36,12 +36,12 @@ $card-smallpad: 0.75rem; @include biseau($size); h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { - font-size:1em; + font-size:1rem; padding:0px; margin:0px; color:$color-light; - font-weight:600; - line-height:1.5em; + font-weight: $fontweight_big; + line-height:1.5rem; } } @@ -110,7 +110,7 @@ $card-smallpad: 0.75rem; .menu-divider { position: relative; left: -0.325rem; - font-weight: 600; + font-weight: $fontweight_hyper; padding-top:0.325rem; padding-bottom:0.325rem; } diff --git a/scss/_commons.scss b/scss/_commons.scss index 4873724..a3a5906 100644 --- a/scss/_commons.scss +++ b/scss/_commons.scss @@ -80,15 +80,15 @@ $preview-height: 8*1.5rem; color: $color-light; font-size: 1rem; line-height: 1.5rem; - font-weight:200; + font-weight:$fontweight_big; } .card-header { - font-family: Work Sans; + font-family: $basefont; font-size: 1rem; background-color: $color-primary; @include card-header(0.75rem); - font-weight:200; + font-weight: $fontweight_big; } } diff --git a/scss/_definitions.scss b/scss/_definitions.scss index 1f0a4a0..4e58f32 100644 --- a/scss/_definitions.scss +++ b/scss/_definitions.scss @@ -7,6 +7,14 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0); $border-radius: 0px; $border-size: 0px; +$fontweight_big: 300; +$fontweight_base: 400; +$fontweight_bold: 600; +$fontweight_hyper: 800; + +$basefont: Open Sans, sans-serif; +$titlefont: Amatic SC, sans-serif; + @mixin borders() { border: $border-size solid rgba(0, 0, 0, 0.3) } diff --git a/scss/_font-face.scss b/scss/_font-face.scss index a5d11ad..fa334ea 100644 --- a/scss/_font-face.scss +++ b/scss/_font-face.scss @@ -1,9 +1,6 @@ /* 2.1 - Font Face */ -$basefont: Work Sans, WorkSans, sans-serif; -$titlefont: AmaticSC, Open Sans, sans-serif; - -/* 2.1.1 - OpenSans */ +/* 2.1.1 - OpenSans @font-face { font-family: 'OpenSans'; @@ -123,4 +120,4 @@ $titlefont: AmaticSC, Open Sans, sans-serif; url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg'); font-weight: 800; font-style: italic; -} \ No newline at end of file +}*/ \ No newline at end of file diff --git a/scss/_global.scss b/scss/_global.scss index 565d4db..2e4d550 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -40,7 +40,7 @@ header h1 { border-style:none !important; color: $color-light; - font-weight:700; + font-weight: $fontweight_hyper; font-size:5.4em; font-style:oblique; padding-bottom:0px; diff --git a/scss/_typography.scss b/scss/_typography.scss index 1cb0cf6..c317c4f 100644 --- a/scss/_typography.scss +++ b/scss/_typography.scss @@ -26,7 +26,7 @@ body { font-size: $base_fontsize; line-height: $base_lineheight; color: $color-font; - font-weight: 300; + font-weight: $fontweight_base; } .night-mode { @@ -34,12 +34,12 @@ body { } strong { - font-weight: 600; + font-weight: $fontweight_bold; } em { font-style: italic; - font-weight: 300; + font-weight: $fontweight_base; } a { @@ -77,7 +77,7 @@ ul, ol { .container-typographic { p, em, p em { - font-weight:300; + font-weight:$fontweight_base; } img { @@ -124,12 +124,12 @@ ul, ol { } h1, h2, h3, h4, h5, h6, h7 { - font-family: Amatic SC; + font-family: $basefont; text-align: left; font-size: 1em; padding:0; margin:0; - font-weight:400; + font-weight: $fontweight_base; &.page-title { color: $color-primary; @@ -160,28 +160,28 @@ h1, h2, h3, h4, h5, h6, h7 { h1 { //@include title(3.33em, 1.2em, 0.0em, 0.2em, 200); - @include newTitle(Amatic SC, 3.33, 200); + @include newTitle($titlefont, 3.815, $fontweight_big); } h2 { //@include title(2.725em, 1.125em, 0em, 0.5625em, 200); - @include newTitle(Amatic SC, 2.725, 200); + @include newTitle($basefont, 2.441, $fontweight_big); } h3 { - @include newTitle(Work Sans, 2.23, 500); + @include newTitle($basefont, 1.953, $fontweight_bold); } h4 { - @include newTitle(Work Sans, 1.825, 500); + @include newTitle($basefont, 1.563, $fontweight_hyper); } h5 { - @include newTitle(Work Sans, 1.439, 500); + @include newTitle($basefont, 1.25, $fontweight_bold); } h6 { - @include newTitle(Work Sans, 1.222, 800); + @include newTitle($basefont, 1, $fontweight_hyper); } /* 2.4 - hr */ diff --git a/writing-test.html b/writing-test.html index 577a83a..bc839f4 100644 --- a/writing-test.html +++ b/writing-test.html @@ -13,8 +13,8 @@ + -