frontend: add comments for each global.css section
This commit is contained in:
parent
a8479ee549
commit
fbc84a1659
1 changed files with 9 additions and 1 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue