33 lines
758 B
CSS
33 lines
758 B
CSS
|
.color {
|
||
|
|
border: .125rem solid var(--color-text);
|
||
|
|
border-radius: 2rem;
|
||
|
|
padding: .5rem;
|
||
|
|
text-align: center;
|
||
|
|
width: 65%;
|
||
|
|
margin: 1rem auto;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#dark,
|
||
|
|
#dark-alt,
|
||
|
|
#teal-dark,
|
||
|
|
#pink-dark {
|
||
|
|
color: var(--color-light);
|
||
|
|
}
|
||
|
|
|
||
|
|
#light,
|
||
|
|
#light-alt,
|
||
|
|
#teal-light,
|
||
|
|
#pink-light {
|
||
|
|
color: var(--color-dark);
|
||
|
|
}
|
||
|
|
|
||
|
|
#dark { background-color: var(--color-dark); }
|
||
|
|
#dark-alt { background-color: var(--color-dark-alt); }
|
||
|
|
#light { background-color: var(--color-light); }
|
||
|
|
#light-alt { background-color: var(--color-light-alt); }
|
||
|
|
#teal-dark { background-color: var(--color-teal-dark); }
|
||
|
|
#teal-light { background-color: var(--color-teal-light); }
|
||
|
|
#pink-dark { background-color: var(--color-pink-dark); }
|
||
|
|
#pink-light { background-color: var(--color-pink-light); }
|
