aboutsummaryrefslogtreecommitdiff
path: root/sass/include/_typography.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/include/_typography.scss')
-rw-r--r--sass/include/_typography.scss31
1 files changed, 31 insertions, 0 deletions
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
index c98fac5..b964426 100644
--- a/sass/include/_typography.scss
+++ b/sass/include/_typography.scss
@@ -1,3 +1,34 @@
+:root {
+ --fs: 1rem; //font-size
+ --lh: 1.5; //line-height
+ --lhh: 1.2; //line-height headers
+ --fw: 400; //font-weight
+ --fh: 700; //font-weight h1-h6
+ // Responsive typography
+ @if $enable-responsive-typography {
+ @if map-get($breakpoints, "sm") {
+ @media (min-width: map-get($breakpoints, "sm")) {
+ --fs: 1rem;
+ }
+ }
+ @if map-get($breakpoints, "md") {
+ @media (min-width: map-get($breakpoints, "md")) {
+ --fs: 1.04rem;
+ }
+ }
+ @if map-get($breakpoints, "lg") {
+ @media (min-width: map-get($breakpoints, "lg")) {
+ --fs: 1.08rem;
+ }
+ }
+ @if map-get($breakpoints, "xl") {
+ @media (min-width: map-get($breakpoints, "xl")) {
+ --fs: 1.12rem;
+ }
+ }
+ }
+}
+
// Typography
h1,
h2,