diff options
| author | Ashley Cai <ashley.lcai@gmail.com> | 2021-07-20 15:12:24 -0700 |
|---|---|---|
| committer | Ashley Cai <ashley.lcai@gmail.com> | 2021-07-20 15:12:24 -0700 |
| commit | 98893e0944f7e04455a30fa128b1c91954c8a16d (patch) | |
| tree | c29b648f7d7bcfb095ea08c39cba9f0df27c5b1d /src | |
| parent | f8bb8df7a5e1b35f2c6d3bc7bfe6cb7fbf82fd11 (diff) | |
Padding and font size
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/collections/CollectionMenu.scss | 4 | ||||
| -rw-r--r-- | src/client/views/global/globalCssVariables.scss | 19 | ||||
| -rw-r--r-- | src/client/views/global/globalEnums.tsx | 18 |
3 files changed, 32 insertions, 9 deletions
diff --git a/src/client/views/collections/CollectionMenu.scss b/src/client/views/collections/CollectionMenu.scss index 7e507d6b5..1a9a6d5d9 100644 --- a/src/client/views/collections/CollectionMenu.scss +++ b/src/client/views/collections/CollectionMenu.scss @@ -425,7 +425,7 @@ padding: 12px 10px 11px 10px; border: 0px; color: black; - font-size: 10px; + font-size: 9px; letter-spacing: 2px; outline-color: black; background: rgb(238, 238, 238); @@ -508,7 +508,7 @@ .collectionSchemaViewChrome-cont { display: flex; - font-size: 10.5px; + font-size: 9px; .collectionSchemaViewChrome-toggle { display: flex; diff --git a/src/client/views/global/globalCssVariables.scss b/src/client/views/global/globalCssVariables.scss index 3a36377f7..ead5e166e 100644 --- a/src/client/views/global/globalCssVariables.scss +++ b/src/client/views/global/globalCssVariables.scss @@ -8,21 +8,30 @@ $black: #000000; $light-blue: #BDDDF5; $medium-blue: #4476F7; -$pink: "#E0217D"; -$yellow: "#F5D747"; +$pink: #E0217D; +$yellow: #F5D747; $drop-shadow: "#32323215"; +//padding +$minimum-padding: 4px; +$medium-padding: 16px; +$large-padding: 32px; + +//icon sizes +$icon-size: 28px; + $antimodemenu-height: 36px; // fonts -$sans-serif: "Noto Sans", -sans-serif; +$sans-serif: "Noto Sans", sans-serif; +$large-header: 16px; +$body-text: 12px; +$small-text: 9px; // $sans-serif: "Roboto Slab", sans-serif; // misc values $border-radius: 0.3em; -// $search-thumnail-size: 130; // dragged items diff --git a/src/client/views/global/globalEnums.tsx b/src/client/views/global/globalEnums.tsx index 80558e1c1..1e0381c33 100644 --- a/src/client/views/global/globalEnums.tsx +++ b/src/client/views/global/globalEnums.tsx @@ -7,14 +7,28 @@ export enum Colors { MEDIUM_BLUE = "#4476F7", LIGHT_BLUE = "#BDDDF5", PINK = "#E0217D", - YELLOW = "#F5D747" + YELLOW = "#F5D747", + DROP_SHADOW = "#32323215", } export enum FontSizes { - LargeHeader = "16px" + //Bolded + LARGE_HEADER = "16px", + //Bolded or unbolded + BODY_TEXT = "12px", + + //Bolded + SMALL_TEXT = "9px", } export enum Padding { + MINIMUM_PADDING = "4px", + SMALL_PADDING = "8px", + MEDIUM_PADDING = "16px", + LARGE_PADDING = "32px", +} +export enum IconSizes { + ICON_SIZE = "28px", }
\ No newline at end of file |