Replace more explicit values with variables
This commit is contained in:
parent
42d07f8561
commit
b86b1eea37
|
|
@ -6,7 +6,7 @@
|
||||||
<title>skillbox</title>
|
<title>skillbox</title>
|
||||||
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Material+Icons' rel="stylesheet" type="text/css">
|
<link href='https://fonts.googleapis.com/css?family=Material+Icons' rel="stylesheet" type="text/css">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
|
||||||
<link href="https://use.typekit.net/tck7ptw.css" rel="stylesheet">
|
<link href="https://use.typekit.net/tck7ptw.css" rel="stylesheet">
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
font-size: toRem(17px);
|
font-size: toRem(17px);
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
color: $color-grey;
|
color: $color-grey;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
font-size: 1.0625rem;
|
font-size: 1.0625rem;
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
font-family: $sans-serif-font-family;
|
font-family: $sans-serif-font-family;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
color: $color-grey;
|
color: $color-grey;
|
||||||
|
|
||||||
&--active {
|
&--active {
|
||||||
|
|
|
||||||
|
|
@ -47,7 +47,7 @@
|
||||||
/*margin-bottom: 15px;*/
|
/*margin-bottom: 15px;*/
|
||||||
display: block;
|
display: block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__text {
|
&__text {
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
@mixin module-navigation-typography {
|
@mixin module-navigation-typography {
|
||||||
font-family: $sans-serif-font-family;
|
font-family: $sans-serif-font-family;
|
||||||
color: $color-grey;
|
color: $color-grey;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.module-navigation {
|
.module-navigation {
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
&__subtitle {
|
&__subtitle {
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
font-family: $serif-font-family;
|
font-family: $serif-font-family;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
padding: 5px 15px;
|
padding: 5px 15px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-family: $sans-serif-font-family;
|
font-family: $sans-serif-font-family;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-size: $base-font-size;
|
font-size: $base-font-size;
|
||||||
font-weight: 400;
|
font-weight: $font-weight-regular;
|
||||||
color: $color-darkgrey-1;
|
color: $color-darkgrey-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -55,7 +55,7 @@ h4 {
|
||||||
|
|
||||||
input, textarea, select, button {
|
input, textarea, select, button {
|
||||||
font-family: $sans-serif-font-family;
|
font-family: $sans-serif-font-family;
|
||||||
font-weight: 500;
|
font-weight: $font-weight-regular;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -65,6 +65,6 @@ $large-spacing: 30px;
|
||||||
|
|
||||||
$font-weight-bold: 700;
|
$font-weight-bold: 700;
|
||||||
$font-weight-semibold: 600;
|
$font-weight-semibold: 600;
|
||||||
$font-weight-regular: 500;
|
$font-weight-regular: 400;
|
||||||
|
|
||||||
$default-line-height: 1.5;
|
$default-line-height: 1.5;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue