frontend: add comments for each global.css section

This commit is contained in:
hippoz 2022-04-25 22:55:23 +03:00
parent a8479ee549
commit fbc84a1659
No known key found for this signature in database
GPG key ID: 7C52899193467641

View file

@ -84,7 +84,7 @@ body {
background-color: var(--background-color-1); background-color: var(--background-color-1);
} }
/* shared styles for all components */ /* top bar */
.top-bar { .top-bar {
display: flex; display: flex;
@ -102,6 +102,8 @@ body {
margin-left: var(--space-xxs); margin-left: var(--space-xxs);
} }
/* modal */
.modal-backdrop { .modal-backdrop {
position: absolute; position: absolute;
width: 100vw; width: 100vw;
@ -143,6 +145,8 @@ body {
float: left; float: left;
} }
/* input */
.input-label { .input-label {
text-transform: uppercase; text-transform: uppercase;
color: var(--foreground-color-2); color: var(--foreground-color-2);
@ -158,6 +162,8 @@ body {
line-height: inherit; line-height: inherit;
} }
/* button */
.button { .button {
background-color: var(--background-color-2); background-color: var(--background-color-2);
text-align: center; text-align: center;
@ -185,6 +191,8 @@ body {
background-color: var(--purple-2); background-color: var(--purple-2);
} }
/* text */
.h1 { .h1 {
font-size: 2.488rem; font-size: 2.488rem;
} }