diff --git a/scss/_variables.scss b/scss/_variables.scss index 5b7627f..2cc6e2b 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -23,6 +23,9 @@ html[data-theme="gray"] { // shared html { + // font scaling factor + --fonts-scale: 1.0; + //spacings --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; diff --git a/scss/helpers/_typography.scss b/scss/helpers/_typography.scss index 3c2a143..d5b76ef 100644 --- a/scss/helpers/_typography.scss +++ b/scss/helpers/_typography.scss @@ -5,58 +5,42 @@ font-weight: 400; @if $value == "main-header" { - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; @include media-breakpoint-up(lg) { - font-size: 72px; - line-height: 1.15; - } - @include media-breakpoint-up(xl) { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } @if $value == "sub-header" { + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); @include media-breakpoint-up(lg) { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } @if $value == "section-title" { - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; - @include media-breakpoint-up(lg) { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } @if $value == "paragraph" { + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); @include media-breakpoint-up(lg) { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } @if $value == "label" { - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; @include media-breakpoint-up(lg) { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } - @if $value == "mobile-label" { - font-size: 16px; - line-height: 1.5; - } - @if $value == "mobile-main-header" { - font-size: 72px; - line-height: 1.15; - } } diff --git a/src/assets/css/pages/article.css b/src/assets/css/pages/article.css index 527efaa..2abbe09 100644 --- a/src/assets/css/pages/article.css +++ b/src/assets/css/pages/article.css @@ -70,8 +70,8 @@ nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: #000; user-select: none; cursor: pointer; @@ -79,7 +79,7 @@ nav > .nav-wrapper > ul a { @media (min-width: 992px) { nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } nav > .nav-wrapper > ul a:visited { @@ -202,15 +202,15 @@ nav #mobile-nav-trigger { display: block; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { #mobile-nav > ul li, #mobile-nav > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #mobile-nav > ul li { @@ -308,14 +308,14 @@ footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { text-decoration: none; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } footer > .footer-grid > .internal li a:visited, footer > .footer-grid > .external li a:visited { @@ -372,7 +372,7 @@ footer > .footer-grid > .contact { text-align: right; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: #000; } @@ -384,8 +384,7 @@ footer > .footer-grid > .contact { } @media (min-width: 992px) { footer > .footer-grid > .contact { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } footer > .footer-grid > .contact a { @@ -416,7 +415,7 @@ a.page-link { width: 220px; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @@ -427,8 +426,7 @@ a.page-link { } @media (min-width: 992px) { a.page-link { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } a.page-link::before { @@ -478,12 +476,12 @@ a.book { width: max-content; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { a.book { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } a.book:hover { @@ -505,6 +503,7 @@ html[data-theme=gray] { } html { + --fonts-scale: 1.0; --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; @@ -685,13 +684,13 @@ main > article > header { main > article > header p { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); } @media (min-width: 992px) { main > article > header p { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } main > article .actions { @@ -703,58 +702,50 @@ main > article .actions { main > article h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; color: var(--main-text); } @media (min-width: 992px) { main > article h1 { - font-size: 72px; - line-height: 1.15; - } -} -@media (min-width: 1200px) { - main > article h1 { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } main > article h2 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); text-transform: uppercase; } @media (min-width: 992px) { main > article h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } main > article h3 { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); } @media (min-width: 992px) { main > article h3 { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } main > article p { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); } @media (min-width: 992px) { main > article p { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } main > article a { @@ -772,14 +763,14 @@ main > article ol li { position: relative; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); } @media (min-width: 992px) { main > article ul li, main > article ol li { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } main > article ul { diff --git a/src/assets/css/pages/article.css.map b/src/assets/css/pages/article.css.map index 07386f0..59d762a 100644 --- a/src/assets/css/pages/article.css.map +++ b/src/assets/css/pages/article.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/article.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ADVJ;ECKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ADjJF;EC4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AH7CN;EGuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;AFEA;EKtCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;ACTN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ANWE;EMjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;ACtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;ATyBE;ES7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC5DJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AVeF;EUlBA;IAMI;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EAEA;;AVDA;EUNF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AACA;ER7DJ;EACA;EAgBE;EACA;EQ6CI;;AVzBJ;EUuBE;IRzCA;;;AQ8CF;EACE;EACA;EACA;EACA;;AAEF;ERxEF;EACA;EAGE;EACA;EQqEE;;AVpCF;EUkCA;IRjEE;IACA;;;AF8BF;EUkCA;IR7DE;IACA;;;AQgEF;ER5EF;EACA;EAwBE;EACA;EQoDE;EACA;;AVzCF;EUsCA;IR/CE;IACA;;;AQmDF;ERjFF;EACA;EAgBE;EACA;EQiEE;;AV7CF;EU2CA;IR7DE;;;AQiEF;ERrFF;EACA;EAkCE;EACA;EQmDE;;AVjDF;EU+CA;IR/CE;;;AQoDF;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AACA;AAAA;EACE;ERrGN;EACA;EAkCE;EACA;EQmEI;;AVjEJ;EU8DE;AAAA;IR9DA;;;AQqEF;EACE;;AV3DF;EU0DA;IAII;IACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AVzEN;EUmEI;IASI;;;AAMR;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE","file":"article.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/article.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EA2BE;EACA;EDiBI;EACA;EACA;;ADVJ;ECKE;AAAA;ICZA;;;ADoBE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EA2BE;EACA;EDyJE;EACA;;ADjJF;EC4IA;AAAA;ICnJE;;;AD0JF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EA2BE;EACA;ECoDM;EAEA;;AH7CN;EGuCI;ID9CF;;;ACsDI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EAmCE;EACA;EC4GE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;IDlGE;;;AC4GA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EAmCE;EACA;EEjBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IFuCI;;;AEjBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EA2BE;EACA;;AFSA;EKtCF;IH+BI;;;AGjBF;EACE;EACA;EACA;;;ACTN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;ANQE;EMjBJ;IAYI;IACA;IACA;IACA;IACA;IACA;;;;ACzCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;ATyBE;ES7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC5DJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AVeF;EUlBA;IAMI;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EAEA;;AVDA;EUNF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AACA;ER7DJ;EACA;EAWE;EACA;EQkDI;;AVzBJ;EUuBE;IR9CA;;;AQmDF;EACE;EACA;EACA;EACA;;AAEF;ERxEF;EACA;EAGE;EACA;EQqEE;;AVpCF;EUkCA;IRjEE;;;AQqEF;ER5EF;EACA;EAmBE;EACA;EQyDE;EACA;;AVzCF;EUsCA;IRrDE;;;AQ0DF;ERjFF;EACA;EAWE;EACA;EQsEE;;AV7CF;EU2CA;IRlEE;;;AQsEF;ERrFF;EACA;EA2BE;EACA;EQ0DE;;AVjDF;EU+CA;IRtDE;;;AQ2DF;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AACA;AAAA;EACE;ERrGN;EACA;EA2BE;EACA;EQ0EI;;AVjEJ;EU8DE;AAAA;IRrEA;;;AQ4EF;EACE;;AV3DF;EU0DA;IAII;IACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AVzEN;EUmEI;IASI;;;AAMR;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE","file":"article.css"} \ No newline at end of file diff --git a/src/assets/css/pages/contact.css b/src/assets/css/pages/contact.css index c634dae..6ad45bb 100644 --- a/src/assets/css/pages/contact.css +++ b/src/assets/css/pages/contact.css @@ -12,6 +12,7 @@ html[data-theme=gray] { } html { + --fonts-scale: 1.0; --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; @@ -204,8 +205,8 @@ nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: #000; user-select: none; cursor: pointer; @@ -213,7 +214,7 @@ nav > .nav-wrapper > ul a { @media (min-width: 992px) { nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } nav > .nav-wrapper > ul a:visited { @@ -336,15 +337,15 @@ nav #mobile-nav-trigger { display: block; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { #mobile-nav > ul li, #mobile-nav > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #mobile-nav > ul li { @@ -442,14 +443,14 @@ footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { text-decoration: none; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } footer > .footer-grid > .internal li a:visited, footer > .footer-grid > .external li a:visited { @@ -506,7 +507,7 @@ footer > .footer-grid > .contact { text-align: right; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: #000; } @@ -518,8 +519,7 @@ footer > .footer-grid > .contact { } @media (min-width: 992px) { footer > .footer-grid > .contact { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } footer > .footer-grid > .contact a { @@ -550,7 +550,7 @@ a.page-link { width: 220px; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @@ -561,8 +561,7 @@ a.page-link { } @media (min-width: 992px) { a.page-link { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } a.page-link::before { @@ -612,12 +611,12 @@ a.book { width: max-content; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { a.book { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } a.book:hover { @@ -643,21 +642,14 @@ main { main h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; color: var(--main-text); line-height: 1.15; } @media (min-width: 992px) { main h1 { - font-size: 72px; - line-height: 1.15; - } -} -@media (min-width: 1200px) { - main h1 { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } main > header { @@ -706,15 +698,14 @@ main > section h2 { grid-row: 1; font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); text-transform: uppercase; } @media (min-width: 992px) { main > section h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } @media (min-width: 992px) { @@ -728,13 +719,13 @@ main > section h3 { grid-column: 1/2; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); } @media (min-width: 992px) { main > section h3 { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } @media (min-width: 992px) { @@ -766,14 +757,14 @@ main > section > .contact-info a { text-align: left; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); } @media (min-width: 992px) { main > section > .contact-info p, main > section > .contact-info a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } diff --git a/src/assets/css/pages/contact.css.map b/src/assets/css/pages/contact.css.map index 2932725..4b80e10 100644 --- a/src/assets/css/pages/contact.css.map +++ b/src/assets/css/pages/contact.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/contact.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AChBN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AV6BE;EUrCJ;IAWI;;;AAGF;EJfA;EACA;EAGE;EACA;EIYA;EACA;;AVoBA;EUvBF;IJRI;IACA;;;AN8BF;EUvBF;IJJI;IACA;;;AISJ;EACE;EACA;EACA;EACA;EACA;;AVYA;EUjBF;IAQI;;;AAGF;EACE;;AVKF;EUNA;IAGI;;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AVbA;EUMF;IAUI;IACA;;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EJjEJ;EACA;EAwBE;EACA;EI2CE;EACA;;AVhCF;EUyBA;IJlCE;IACA;;;ANQF;EUyBA;IAUI;IACA;;;AAIJ;EACE;EACA;EJhFJ;EACA;EAgBE;EACA;EIkEE;;AV9CF;EUwCA;IJ1DE;;;ANkBF;EUwCA;IASI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AV7DF;EUsDA;IAUI;IACA;;;AAGF;EACE;;AAGF;AAAA;EAEE;EJhHN;EACA;EAkCE;EACA;EIgFI;;AV9EJ;EUwEE;AAAA;IJxEA","file":"contact.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/contact.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;ACQE;EDjBJ;IAYI;IACA;IACA;IACA;IACA;IACA;;;;AEzCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EA2BE;EACA;EDiBI;EACA;EACA;;ALVJ;EKKE;AAAA;ICZA;;;ADoBE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EA2BE;EACA;EDyJE;EACA;;ALjJF;EK4IA;AAAA;ICnJE;;;AD0JF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EA2BE;EACA;ECoDM;EAEA;;AP7CN;EOuCI;ID9CF;;;ACsDI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EAmCE;EACA;EC4GE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;IDlGE;;;AC4GA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EAmCE;EACA;EEjBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IFuCI;;;AEjBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EA2BE;EACA;;ANSA;EStCF;IH+BI;;;AGjBF;EACE;EACA;EACA;;;AChBN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AV6BE;EUrCJ;IAWI;;;AAGF;EJfA;EACA;EAGE;EACA;EIYA;EACA;;AVoBA;EUvBF;IJRI;;;AIcJ;EACE;EACA;EACA;EACA;EACA;;AVYA;EUjBF;IAQI;;;AAGF;EACE;;AVKF;EUNA;IAGI;;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AVbA;EUMF;IAUI;IACA;;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EJjEJ;EACA;EAmBE;EACA;EIgDE;EACA;;AVhCF;EUyBA;IJxCE;;;ANeF;EUyBA;IAUI;IACA;;;AAIJ;EACE;EACA;EJhFJ;EACA;EAWE;EACA;EIuEE;;AV9CF;EUwCA;IJ/DE;;;ANuBF;EUwCA;IASI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AV7DF;EUsDA;IAUI;IACA;;;AAGF;EACE;;AAGF;AAAA;EAEE;EJhHN;EACA;EA2BE;EACA;EIuFI;;AV9EJ;EUwEE;AAAA;IJ/EA","file":"contact.css"} \ No newline at end of file diff --git a/src/assets/css/pages/main.css b/src/assets/css/pages/main.css index dd22d76..0ed5802 100644 --- a/src/assets/css/pages/main.css +++ b/src/assets/css/pages/main.css @@ -12,6 +12,7 @@ html[data-theme=gray] { } html { + --fonts-scale: 1.0; --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; @@ -204,8 +205,8 @@ nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: #000; user-select: none; cursor: pointer; @@ -213,7 +214,7 @@ nav > .nav-wrapper > ul a { @media (min-width: 992px) { nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } nav > .nav-wrapper > ul a:visited { @@ -336,15 +337,15 @@ nav #mobile-nav-trigger { display: block; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { #mobile-nav > ul li, #mobile-nav > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #mobile-nav > ul li { @@ -442,14 +443,14 @@ footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { text-decoration: none; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } footer > .footer-grid > .internal li a:visited, footer > .footer-grid > .external li a:visited { @@ -506,7 +507,7 @@ footer > .footer-grid > .contact { text-align: right; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: #000; } @@ -518,8 +519,7 @@ footer > .footer-grid > .contact { } @media (min-width: 992px) { footer > .footer-grid > .contact { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } footer > .footer-grid > .contact a { @@ -550,7 +550,7 @@ a.page-link { width: 220px; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @@ -561,8 +561,7 @@ a.page-link { } @media (min-width: 992px) { a.page-link { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } a.page-link::before { @@ -612,12 +611,12 @@ a.book { width: max-content; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { a.book { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } a.book:hover { @@ -640,15 +639,14 @@ a.book:hover { #trusted-by > p { font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); padding-right: 10px; } @media (min-width: 992px) { #trusted-by > p { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } #trusted-by > ul { @@ -697,21 +695,14 @@ main { main > h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; color: var(--main-text); letter-spacing: 9px; } @media (min-width: 992px) { main > h1 { - font-size: 72px; - line-height: 1.15; - } -} -@media (min-width: 1200px) { - main > h1 { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } @media (min-width: 992px) { @@ -729,7 +720,7 @@ main > h1 { #our-services > h2 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); text-transform: uppercase; @@ -737,32 +728,31 @@ main > h1 { } @media (min-width: 992px) { #our-services > h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } #our-services h3 { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); } @media (min-width: 992px) { #our-services h3 { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } #our-services p { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); } @media (min-width: 992px) { #our-services p { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #our-services > .items-grid { @@ -808,7 +798,7 @@ section > header > h2 { grid-column: 1/2; font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); text-transform: uppercase; @@ -816,8 +806,7 @@ section > header > h2 { } @media (min-width: 992px) { section > header > h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } section > header > a { @@ -900,28 +889,28 @@ section > header > a { text-align: left; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); letter-spacing: 4.8px; } @media (min-width: 992px) { #our-work > article > .content h3 { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } #our-work > article > .content p { text-align: left; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); letter-spacing: 3.2px; } @media (min-width: 992px) { #our-work > article > .content p { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #our-work > article > .content .actions { diff --git a/src/assets/css/pages/main.css.map b/src/assets/css/pages/main.css.map index 92240a9..a440a2f 100644 --- a/src/assets/css/pages/main.css.map +++ b/src/assets/css/pages/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/pages/main.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EA0CE;EACA;EIhCA;EACA;;AVyBA;EU5BF;IJoCI;IACA;;;AI/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AVWA;EUtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AChDV;EACE;EACA;;AACA;ELLA;EACA;EAGE;EACA;EKEA;EACA;;AX8BA;EWjCF;ILEI;IACA;;;AN8BF;EWjCF;ILMI;IACA;;;AN0BF;EWpCJ;IAUI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;ELtBA;EACA;EAwBE;EACA;EKFA;EACA;EACA;;AXYA;EWhBF;ILOI;IACA;;;AKDJ;EL7BA;EACA;EAgBE;EACA;EKaA;;AXOA;EWTF;ILTI;;;AKcJ;ELlCA;EACA;EAkCE;EACA;EKAA;;AXEA;EWJF;ILII;;;AKCJ;EACE;EACA;EACA;EACA;EACA;;AXNA;EWCF;IAQI;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;AXjCA;EW4BF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;ELjFJ;EACA;EAwBE;EACA;EKyDE;EACA;EACA;;AX/CF;EWyCA;ILlDE;IACA;;;AK0DF;EACE;EACA;;AXpDF;EWkDA;IAKI;IACA;;;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AX7EA;EWqEF;IAWI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AX9FJ;EW2FE;IAKI;;EACA;IACE;IACA;IACA;IACA;IACA;;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AXtHF;EWgHA;IASI;IACA;;;AAGF;EACE;ELpKN;EACA;EAgBE;EACA;EKoJI;EACA;;AXjIJ;EW6HE;IL/IA;;;AKqJA;EACE;EL1KN;EACA;EAkCE;EACA;EKwII;EACA;;AXvIJ;EWmIE;ILnIA;;;AKyIA;EACE;EACA;EACA;EACA;EACA;EACA;;AX/IJ;EWqJI;IACE;;EAEF;IACE;;EAEE;IACE;IACA;IACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/pages/main.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;ACQE;EDjBJ;IAYI;IACA;IACA;IACA;IACA;IACA;;;;AEzCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EA2BE;EACA;EDiBI;EACA;EACA;;ALVJ;EKKE;AAAA;ICZA;;;ADoBE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EA2BE;EACA;EDyJE;EACA;;ALjJF;EK4IA;AAAA;ICnJE;;;AD0JF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EA2BE;EACA;ECoDM;EAEA;;AP7CN;EOuCI;ID9CF;;;ACsDI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EAmCE;EACA;EC4GE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;IDlGE;;;AC4GA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EAmCE;EACA;EEjBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IFuCI;;;AEjBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EA2BE;EACA;;ANSA;EStCF;IH+BI;;;AGjBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EAmCE;EACA;EIzBA;EACA;;AVyBA;EU5BF;IJ6BI;;;AIvBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AVWA;EUtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AChDV;EACE;EACA;;AACA;ELLA;EACA;EAGE;EACA;EKEA;EACA;;AX8BA;EWjCF;ILEI;;;AN+BF;EWpCJ;IAUI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;ELtBA;EACA;EAmBE;EACA;EKGA;EACA;EACA;;AXYA;EWhBF;ILCI;;;AKMJ;EL7BA;EACA;EAWE;EACA;EKkBA;;AXOA;EWTF;ILdI;;;AKmBJ;ELlCA;EACA;EA2BE;EACA;EKOA;;AXEA;EWJF;ILHI;;;AKQJ;EACE;EACA;EACA;EACA;EACA;;AXNA;EWCF;IAQI;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;AXjCA;EW4BF;IAQI;IACA;IACA;;;AAGF;EACE;EACA;ELjFJ;EACA;EAmBE;EACA;EK8DE;EACA;EACA;;AX/CF;EWyCA;ILxDE;;;AKiEF;EACE;EACA;;AXpDF;EWkDA;IAKI;IACA;;;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AX7EA;EWqEF;IAWI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AX9FJ;EW2FE;IAKI;;EACA;IACE;IACA;IACA;IACA;IACA;;;AAIJ;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AXtHF;EWgHA;IASI;IACA;;;AAGF;EACE;ELpKN;EACA;EAWE;EACA;EKyJI;EACA;;AXjIJ;EW6HE;ILpJA;;;AK0JA;EACE;EL1KN;EACA;EA2BE;EACA;EK+II;EACA;;AXvIJ;EWmIE;IL1IA;;;AKgJA;EACE;EACA;EACA;EACA;EACA;EACA;;AX/IJ;EWqJI;IACE;;EAEF;IACE;;EAEE;IACE;IACA;IACA","file":"main.css"} \ No newline at end of file diff --git a/src/assets/css/pages/products.css b/src/assets/css/pages/products.css index de151d6..16a3992 100644 --- a/src/assets/css/pages/products.css +++ b/src/assets/css/pages/products.css @@ -70,8 +70,8 @@ nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: #000; user-select: none; cursor: pointer; @@ -79,7 +79,7 @@ nav > .nav-wrapper > ul a { @media (min-width: 992px) { nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } nav > .nav-wrapper > ul a:visited { @@ -202,15 +202,15 @@ nav #mobile-nav-trigger { display: block; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { #mobile-nav > ul li, #mobile-nav > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #mobile-nav > ul li { @@ -308,14 +308,14 @@ footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { text-decoration: none; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } footer > .footer-grid > .internal li a:visited, footer > .footer-grid > .external li a:visited { @@ -372,7 +372,7 @@ footer > .footer-grid > .contact { text-align: right; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: #000; } @@ -384,8 +384,7 @@ footer > .footer-grid > .contact { } @media (min-width: 992px) { footer > .footer-grid > .contact { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } footer > .footer-grid > .contact a { @@ -416,7 +415,7 @@ a.page-link { width: 220px; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @@ -427,8 +426,7 @@ a.page-link { } @media (min-width: 992px) { a.page-link { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } a.page-link::before { @@ -478,12 +476,12 @@ a.book { width: max-content; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { a.book { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } a.book:hover { @@ -506,15 +504,14 @@ a.book:hover { #trusted-by > p { font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); padding-right: 10px; } @media (min-width: 992px) { #trusted-by > p { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } #trusted-by > ul { @@ -569,6 +566,7 @@ html[data-theme=gray] { } html { + --fonts-scale: 1.0; --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; @@ -702,21 +700,14 @@ main { main h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; color: var(--main-text); line-height: 1.15; } @media (min-width: 992px) { main h1 { - font-size: 72px; - line-height: 1.15; - } -} -@media (min-width: 1200px) { - main h1 { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } main > header { @@ -745,7 +736,7 @@ main > header > a { #products h2 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); width: 100%; @@ -754,8 +745,7 @@ main > header > a { } @media (min-width: 992px) { #products h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } #products > .products-grid { @@ -805,14 +795,13 @@ main > header > a { #products > .products-grid > .grid-item > .description > p { font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @media (min-width: 992px) { #products > .products-grid > .grid-item > .description > p { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } #products > .products-grid > .grid-item > .description > .divider { diff --git a/src/assets/css/pages/products.css.map b/src/assets/css/pages/products.css.map index 340f2fa..47d00a3 100644 --- a/src/assets/css/pages/products.css.map +++ b/src/assets/css/pages/products.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/products.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ADVJ;ECKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ADjJF;EC4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AH7CN;EGuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;AFEA;EKtCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EA0CE;EACA;EIhCA;EACA;;ANyBA;EM5BF;IJoCI;IACA;;;AI/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;ANWA;EMtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC1CV;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;APWE;EOjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;ACtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AVyBE;EU7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC3DJ;EACE;EACA;;AXkCE;EWpCJ;IAKI;;;AAGF;ETVA;EACA;EAGE;EACA;ESOA;EACA;;AXyBA;EW5BF;ITHI;IACA;;;AF8BF;EW5BF;ITCI;IACA;;;ASIJ;EACE;EACA;EACA;EACA;;AXkBA;EWtBF;IAOI;;;AAEF;EACE;;AXYF;EWbA;IAGI;;;;AAMR;EACE;;AACA;ETpCA;EACA;EAwBE;EACA;ESYA;EACA;EACA;EACA;;AXHA;EWFF;ITPI;IACA;;;ASaJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AXZA;EWKF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;ETvFN;EACA;EA0CE;EACA;ES6CM;;AXnDN;EWiDI;ITzCF;IACA;;;AS6CE;EACE;;AAGF;EACE;EACA","file":"products.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/products.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EA2BE;EACA;EDiBI;EACA;EACA;;ADVJ;ECKE;AAAA;ICZA;;;ADoBE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EA2BE;EACA;EDyJE;EACA;;ADjJF;EC4IA;AAAA;ICnJE;;;AD0JF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EA2BE;EACA;ECoDM;EAEA;;AH7CN;EGuCI;ID9CF;;;ACsDI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EAmCE;EACA;EC4GE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;IDlGE;;;AC4GA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EAmCE;EACA;EEjBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IFuCI;;;AEjBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EA2BE;EACA;;AFSA;EKtCF;IH+BI;;;AGjBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EAmCE;EACA;EIzBA;EACA;;ANyBA;EM5BF;IJ6BI;;;AIvBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;ANWA;EMtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC1CV;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;APQE;EOjBJ;IAYI;IACA;IACA;IACA;IACA;IACA;;;;ACzCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AVyBE;EU7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC3DJ;EACE;EACA;;AXkCE;EWpCJ;IAKI;;;AAGF;ETVA;EACA;EAGE;EACA;ESOA;EACA;;AXyBA;EW5BF;ITHI;;;ASSJ;EACE;EACA;EACA;EACA;;AXkBA;EWtBF;IAOI;;;AAEF;EACE;;AXYF;EWbA;IAGI;;;;AAMR;EACE;;AACA;ETpCA;EACA;EAmBE;EACA;ESiBA;EACA;EACA;EACA;;AXHA;EWFF;ITbI;;;ASoBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AXZA;EWKF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;ETvFN;EACA;EAmCE;EACA;ESoDM;;AXnDN;EWiDI;IThDF;;;ASqDE;EACE;;AAGF;EACE;EACA","file":"products.css"} \ No newline at end of file diff --git a/src/assets/css/pages/services.css b/src/assets/css/pages/services.css index b925419..34fe333 100644 --- a/src/assets/css/pages/services.css +++ b/src/assets/css/pages/services.css @@ -12,6 +12,7 @@ html[data-theme=gray] { } html { + --fonts-scale: 1.0; --spacing-xs: 4px; --spacing-s: 10px; --spacing-m: 16px; @@ -204,8 +205,8 @@ nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: #000; user-select: none; cursor: pointer; @@ -213,7 +214,7 @@ nav > .nav-wrapper > ul a { @media (min-width: 992px) { nav > .nav-wrapper > ul li, nav > .nav-wrapper > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } nav > .nav-wrapper > ul a:visited { @@ -336,15 +337,15 @@ nav #mobile-nav-trigger { display: block; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { #mobile-nav > ul li, #mobile-nav > ul a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #mobile-nav > ul li { @@ -442,14 +443,14 @@ footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { text-decoration: none; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); cursor: pointer; color: #000; } @media (min-width: 992px) { footer > .footer-grid > .internal li a, footer > .footer-grid > .external li a { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } footer > .footer-grid > .internal li a:visited, footer > .footer-grid > .external li a:visited { @@ -506,7 +507,7 @@ footer > .footer-grid > .contact { text-align: right; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: #000; } @@ -518,8 +519,7 @@ footer > .footer-grid > .contact { } @media (min-width: 992px) { footer > .footer-grid > .contact { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } footer > .footer-grid > .contact a { @@ -550,7 +550,7 @@ a.page-link { width: 220px; font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @@ -561,8 +561,7 @@ a.page-link { } @media (min-width: 992px) { a.page-link { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } a.page-link::before { @@ -612,12 +611,12 @@ a.book { width: max-content; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { a.book { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } a.book:hover { @@ -637,21 +636,14 @@ main { main h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(5vw, 10vw, 48px); + font-size: calc(32px * var(--fonts-scale)); line-height: 1.15; color: var(--main-text); line-height: 1.15; } @media (min-width: 992px) { main h1 { - font-size: 72px; - line-height: 1.15; - } -} -@media (min-width: 1200px) { - main h1 { - line-height: 1.15; - font-size: 90px; + font-size: calc(90px * var(--fonts-scale)); } } main > header { @@ -683,7 +675,7 @@ main > header > a { #services > h2 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: clamp(4vw, 8vw, 48px); + font-size: calc(24px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); text-transform: uppercase; @@ -691,8 +683,7 @@ main > header > a { } @media (min-width: 992px) { #services > h2 { - font-size: 64px; - line-height: 1.5; + font-size: calc(64px * var(--fonts-scale)); } } #services .service-wrapper { @@ -706,13 +697,13 @@ main > header > a { grid-column: 1/2; font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(20px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 6vw, 32px); color: var(--main-text); } @media (min-width: 992px) { #services .service-wrapper > h3 { - font-size: 48px; + font-size: calc(48px * var(--fonts-scale)); } } #services .service-wrapper > .service { @@ -748,13 +739,13 @@ main > header > a { #services .service-wrapper > .service > .left p { font-family: "PP Neue Machina"; font-weight: 400; + font-size: calc(16px * var(--fonts-scale)); line-height: 1.5; - font-size: clamp(4vw, 4vw, 24px); color: var(--main-text); } @media (min-width: 992px) { #services .service-wrapper > .service > .left p { - font-size: 32px; + font-size: calc(32px * var(--fonts-scale)); } } #services .service-wrapper > .service > .left img { @@ -779,15 +770,14 @@ main > header > a { #services .service-wrapper > .service > .right li { font-family: "PP Neue Machina"; font-weight: 400; - font-size: 16px; + font-size: calc(12px * var(--fonts-scale)); line-height: 1.5; color: var(--main-text); } @media (min-width: 992px) { #services .service-wrapper > .service > .right p, #services .service-wrapper > .service > .right li { - font-size: 20px; - line-height: 1.5; + font-size: calc(20px * var(--fonts-scale)); } } #services .service-wrapper > .service > .right ul { diff --git a/src/assets/css/pages/services.css.map b/src/assets/css/pages/services.css.map index 0cbb63c..cf0ab11 100644 --- a/src/assets/css/pages/services.css.map +++ b/src/assets/css/pages/services.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/services.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AChBN;EACE;;AVoCE;EUrCJ;IAII;;;AAGF;EJRA;EACA;EAGE;EACA;EIKA;EACA;;AV2BA;EU9BF;IJDI;IACA;;;AN8BF;EU9BF;IJGI;IACA;;;AIEJ;EACE;EACA;EACA;EACA;;AVoBA;EUxBF;IAOI;;;AAGF;EACE;;AVaF;EUdA;IAGI;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EJvCA;EACA;EAwBE;EACA;EIeA;EACA;EACA;;AVLA;EUCF;IJVI;IACA;;;AIgBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EJtDJ;EACA;EAgBE;EACA;EIsCE;;AVlBF;EUcA;IJhCE;;;AIuCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AVjBF;EUUA;IAUI;;;AV/BJ;EUqBA;IAcI;IACA;;;AAGF;EACE;EACA;;AVzCJ;EUuCE;IAII;IACA;;;AAGF;EJrFN;EACA;EAkCE;EACA;EImDM;;AVjDN;EU+CI;IJ/CF;;;AIoDE;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAEA;EACA;;AVjEJ;EU2DE;IASI;IACA;;;AAGF;AAAA;EJ9GN;EACA;EA0CE;EACA;EIqEM;;AV3EN;EUwEI;AAAA;IJhEF;IACA;;;AIqEE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE","file":"services.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/services.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;ACQE;EDjBJ;IAYI;IACA;IACA;IACA;IACA;IACA;;;;AEzCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EA2BE;EACA;EDiBI;EACA;EACA;;ALVJ;EKKE;AAAA;ICZA;;;ADoBE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EA2BE;EACA;EDyJE;EACA;;ALjJF;EK4IA;AAAA;ICnJE;;;AD0JF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EA2BE;EACA;ECoDM;EAEA;;AP7CN;EOuCI;ID9CF;;;ACsDI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EAmCE;EACA;EC4GE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;IDlGE;;;AC4GA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EAmCE;EACA;EEjBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IFuCI;;;AEjBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EA2BE;EACA;;ANSA;EStCF;IH+BI;;;AGjBF;EACE;EACA;EACA;;;AChBN;EACE;;AVoCE;EUrCJ;IAII;;;AAGF;EJRA;EACA;EAGE;EACA;EIKA;EACA;;AV2BA;EU9BF;IJDI;;;AIOJ;EACE;EACA;EACA;EACA;;AVoBA;EUxBF;IAOI;;;AAGF;EACE;;AVaF;EUdA;IAGI;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EJvCA;EACA;EAmBE;EACA;EIoBA;EACA;EACA;;AVLA;EUCF;IJhBI;;;AIuBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EJtDJ;EACA;EAWE;EACA;EI2CE;;AVlBF;EUcA;IJrCE;;;AI4CF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AVjBF;EUUA;IAUI;;;AV/BJ;EUqBA;IAcI;IACA;;;AAGF;EACE;EACA;;AVzCJ;EUuCE;IAII;IACA;;;AAGF;EJrFN;EACA;EA2BE;EACA;EI0DM;;AVjDN;EU+CI;IJtDF;;;AI2DE;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAEA;EACA;;AVjEJ;EU2DE;IASI;IACA;;;AAGF;AAAA;EJ9GN;EACA;EAmCE;EACA;EI4EM;;AV3EN;EUwEI;AAAA;IJvEF;;;AI6EE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE","file":"services.css"} \ No newline at end of file