aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/newlightbox/NewLightboxStyles.scss
diff options
context:
space:
mode:
authorsrichman333 <sarah_n_richman@brown.edu>2023-07-19 13:39:22 -0400
committersrichman333 <sarah_n_richman@brown.edu>2023-07-19 13:39:22 -0400
commit984db272dc37fc827291010796f300e8745eddf2 (patch)
tree8ec56aa04f32a3edd0a2a8413a3d4b09dac7769b /src/client/views/newlightbox/NewLightboxStyles.scss
parentb24babcd89d51e7f6461c57ac16701630c86cf87 (diff)
parentd7a3e39e901054d0308df158cfa578a94f80c467 (diff)
Merge branch 'master' into collaboration-again
Diffstat (limited to 'src/client/views/newlightbox/NewLightboxStyles.scss')
-rw-r--r--src/client/views/newlightbox/NewLightboxStyles.scss73
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