Pre-launch: Animation
This commit is contained in:
@@ -23,17 +23,17 @@
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: $color-primary;
|
||||
background: darken($color: $color-primary, $amount: 10);
|
||||
color: $white;
|
||||
border-color: $color-primary;
|
||||
border-color: darken($color: $color-primary, $amount: 10) !important;
|
||||
|
||||
&:active,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus,
|
||||
&.active {
|
||||
background: darken($color: $color-primary, $amount: 10) !important;
|
||||
border-color: darken($color: $color-primary, $amount: 10) !important;
|
||||
background: darken($color: $color-primary, $amount: 14) !important;
|
||||
border-color: darken($color: $color-primary, $amount: 14) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -56,8 +56,8 @@
|
||||
|
||||
.btn-outline-primary {
|
||||
background: transparent;
|
||||
color: $color-primary;
|
||||
border-color: $color-primary;
|
||||
color: darken($color: $color-primary, $amount: 14);
|
||||
border-color: darken($color: $color-primary, $amount: 14) !important;
|
||||
|
||||
&:active,
|
||||
&:hover,
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
|
||||
|
||||
/* typography */
|
||||
body {
|
||||
font-family: $font-primary;
|
||||
// font-family: $font-primary;
|
||||
font-family: "nunito-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: $font-size;
|
||||
line-height: 1.6;
|
||||
@@ -22,7 +25,8 @@ h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $text-dark;
|
||||
font-family: $font-secondary;
|
||||
//font-family: $font-secondary;
|
||||
font-family: "momo-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -32,7 +36,7 @@ h6 {
|
||||
.content h4,
|
||||
.content h5,
|
||||
.content h6 {
|
||||
font-weight: 600;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
h1,
|
||||
|
||||
@@ -1,3 +1,19 @@
|
||||
@font-face {
|
||||
font-family: "momo-woff2";
|
||||
src: url("/fonts/momo.woff2") format("woff2");
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "nunito-woff2";
|
||||
src: url("/fonts/nunito.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
{{ with site.Params.variables }}
|
||||
// Color variables
|
||||
$color-primary: {{.color_primary}};
|
||||
@@ -12,8 +28,8 @@ $light: {{.light}};
|
||||
|
||||
// Font Variables
|
||||
$font-size: {{.font_size}};
|
||||
$font-primary: '{{ replaceRE ":wght@[0-9;]+" "" .font_primary }}', {{.font_primary_type}};
|
||||
$font-secondary: '{{ replaceRE ":wght@[0-9;]+" "" .font_secondary }}', {{.font_secondary_type}};
|
||||
$font-primary: "nunito-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
|
||||
$font-secondary: "momo-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
|
||||
$icon-font: '{{.font_icon}}';
|
||||
{{ end }}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user