67 lines
738 B
CSS
67 lines
738 B
CSS
/* --- variables --- */
|
|
|
|
:root {
|
|
--purple: #3f3d56;
|
|
--green: #a6bf26;
|
|
--grey: #e5e5e5;
|
|
--dark: #222222;
|
|
--white: #ffffff;
|
|
}
|
|
|
|
/* --- bg colors --- */
|
|
|
|
.bg-green {
|
|
background-color: #a6bf26;
|
|
}
|
|
.bg-grey {
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
.bg-white {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bg-purple {
|
|
background-color: #3f3d56;
|
|
}
|
|
|
|
.bg-dark {
|
|
background-color: #222222;
|
|
}
|
|
|
|
/* --- colors --- */
|
|
|
|
.color-green {
|
|
color: #a6bf26;
|
|
}
|
|
|
|
.color-white {
|
|
color: #fff;
|
|
}
|
|
|
|
.color-purple {
|
|
color: #3f3d56;
|
|
}
|
|
|
|
.color-dark {
|
|
color: #222222;
|
|
}
|
|
|
|
/* --- boder colors --- */
|
|
|
|
.border-green {
|
|
border-color: #a6bf26;
|
|
}
|
|
|
|
.border-white {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.border-purple {
|
|
border-color: #3f3d56;
|
|
}
|
|
|
|
.border-dark {
|
|
border-color: #222222;
|
|
}
|