Commit f3f78020 authored by numahell's avatar numahell
Browse files

Improve typography

parent 54d171c2
strong {
font-family: 'AmbleBold';
font-weight: 700;
}
h1, h2 {
text-transform: uppercase;
margin-top: 2rem;
}
h1 {
font-size: 30px;
color: $c-gray-7;
}
h2 {
font-size: 22px;
color: $c-gray-6;
font-weight: 700;
}
/* h1 {
font-size: 22px;
line-height: 24px;
......@@ -17,16 +33,6 @@ h2 {
font-weight: 700;
} */
h1 {
text-transform: uppercase;
color: $c-gray-7;
}
h2 {
color: $c-gray-6;
font-weight: 700;
}
a {
color: $c-blue;
text-decoration: underline;
......@@ -35,4 +41,4 @@ a {
a.active {
color: $c-orange;
text-decoration: none;
}
\ No newline at end of file
}
......@@ -76,8 +76,8 @@
*/
// Fonts, typo and colors
@import "base/fonts";
@import "base/typo";
@import "base/fonts";
@import "base/typo";
// Modules
@import "modules/navigation";
......
......@@ -45,7 +45,7 @@
// 1. Global
// ---------
$global-font-size: 100%;
$global-font-size: 85%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
......@@ -59,10 +59,10 @@ $light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
$white: #f5f5f5;
$body-background: $white;
$body-font-color: $black;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-font-color: $dark-gray;
$body-font-family: "AmbleRegular", Helvetica, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
$global-padding: 1rem;
......@@ -102,7 +102,7 @@ $block-grid-max: 8;
// 4. Base Typography
// ------------------
$header-font-family: $body-font-family;
$header-font-family: 'Kreon', serif;
$header-font-weight: $global-weight-normal;
$header-font-style: normal;
$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
......@@ -110,23 +110,23 @@ $header-sizes: (
small: (
'h1': 24,
'h2': 20,
'h3': 19,
'h4': 18,
'h5': 17,
'h6': 16,
'h3': 18,
'h4': 15,
'h5': 13,
'h6': 12,
),
medium: (
'h1': 48,
'h2': 40,
'h3': 31,
'h4': 25,
'h5': 20,
'h6': 16,
'h1': 30,
'h2': 22,
'h3': 18,
'h4': 16,
'h5': 14,
'h6': 12,
),
);
$header-color: inherit;
$header-lineheight: 1.4;
$header-margin-bottom: 0.5rem;
$header-margin-bottom: 1.5rem;
$header-text-rendering: optimizeLegibility;
$small-font-size: 80%;
$header-small-font-color: $medium-gray;
......
......@@ -2,17 +2,16 @@
// Intro
.intro {
@include grid-row();
.fp-intro {
background-color: white;
border: 2px dashed $gray-lightest;
border: 2px dashed $gray-lightest;
border-radius: 10px;
@include breakpoint(small) {
@include grid-column(12);
padding: 20px 40px 40px;
}
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment