diff options
| author | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2023-07-18 01:17:28 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-18 01:17:28 -0400 |
| commit | 8f6d25ed985a91f6b926306a7e88d6d0c8742845 (patch) | |
| tree | dbc93432569d1290ee26e914d78efa8c7b770379 /src/client/views/newlightbox/NewLightboxStyles.scss | |
| parent | 54547a9e69726bbacf545296d84723f902ec7097 (diff) | |
| parent | 12d1a17f4151a4f1c2a5a49287e65be7794a622c (diff) | |
Merge pull request #185 from brown-dash/geireann_dash_components
Dash Components
Diffstat (limited to 'src/client/views/newlightbox/NewLightboxStyles.scss')
| -rw-r--r-- | src/client/views/newlightbox/NewLightboxStyles.scss | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/src/client/views/newlightbox/NewLightboxStyles.scss b/src/client/views/newlightbox/NewLightboxStyles.scss new file mode 100644 index 000000000..ff4a6c971 --- /dev/null +++ b/src/client/views/newlightbox/NewLightboxStyles.scss @@ -0,0 +1,73 @@ +$white: white; +$black: black; + +// gray +$gray-l1: rgba(230, 230, 230, 1); +$gray-l2: rgb(201, 201, 201); +$gray-l3: rgba(87, 87, 87, 1); + +// blue +$blue-l1: #cfe2f3; +$blue-l2: #6fa8dc; +$blue-l3: #0b5394; +$blue-l4: #073763; + +// view backgrounds +$background-dm: black; +$background-lm: white; +$header-dm: $gray-l3; +$header-lm: $gray-l1; + +// border +$standard-border: solid 2px; + +// standard shadow + + +$text-color-dm: $gray-l1; +$text-color-lm: $gray-l3; + + +// text / font +$title-size: 2rem; +$title-weight: 700; + +$h1-size: 15px; +$h1-weight: 700; + +$h2-size: 13px; +$h2-weight: 600; + + +$body-size: 10px; +$body-weight: 400; + +// header +$header-height: 40px; + +@keyframes skeleton-loading-l3 { + 0% { + background-color: rgba(128, 128, 128, 1); + } + 100% { + background-color: rgba(128, 128, 128, 0.5); + } +} + +@keyframes skeleton-loading-l2 { + 0% { + background-color: rgba(182, 182, 182, 1); + } + 100% { + background-color: rgba(182, 182, 182, 0.5); + } +} + +@keyframes skeleton-loading-l1 { + 0% { + background-color: rgba(230, 230, 230, 1); + } + 100% { + background-color: rgba(230, 230, 230, 0.5); + } +}
\ No newline at end of file |