handle page resize: to resize track component columns

+ revert banner-height from 23rem to 18rem
+ change font to Google Sans
This commit is contained in:
geoffrey45
2022-09-24 19:47:58 +03:00
committed by Mungai Njoroge
parent a9f8cc63ea
commit d95b5c6910
8 changed files with 41 additions and 35 deletions
Binary file not shown.
+6 -6
View File
@@ -1,6 +1,6 @@
@import "./app-grid.scss", "./controls.scss", "./inputs.scss",
"./scrollbars.scss", "./state.scss", "./variants.scss", "./basic.scss",
"./search-tabheaders.scss";
"./scrollbars.scss", "./state.scss", "./variants.scss", "./basic.scss",
"./search-tabheaders.scss";
:root {
--separator: #ffffff46;
@@ -23,9 +23,9 @@ html.loading * {
body {
background-color: $body;
color: $white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: "SFCompactDisplay" !important;
font-family: "SFCompactDisplay", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
font-size: 1rem;
image-rendering: -webkit-optimize-contrast;
width: calc(100vw - 1rem);
@@ -40,4 +40,4 @@ body {
a {
cursor: default !important;
}
}
}
+1 -1
View File
@@ -13,7 +13,7 @@ $medium: 0.75rem;
$large: 1.5rem;
$larger: 2rem;
$banner-height: 23rem;
$banner-height: 18rem;
// apple human design guideline colors
$black: #181a1c;
+2 -1
View File
@@ -10,5 +10,6 @@
@font-face {
font-family: "SFCompactDisplay";
src: url("../sf-compact.woff") format("woff");
src: url("../googlesans.ttf");
}