53 lines
1.4 KiB
SCSS
53 lines
1.4 KiB
SCSS
|
// monir
|
||
|
|
// @mixin monir {
|
||
|
|
:root {
|
||
|
|
--text-primary: #465a71;
|
||
|
|
--text-primary-highlight: #00b6e3;
|
||
|
|
--text-highlight1: #c1600b;
|
||
|
|
--main-background-body: #f7f7f7;
|
||
|
|
--main-background-white: #fff;
|
||
|
|
--box-shadow: 0 4px 20px rgba(0, 0, 0, 0.031372549);
|
||
|
|
--border-radius: 1rem;
|
||
|
|
|
||
|
|
// --active-sidebar: rgb(177 244 255);
|
||
|
|
--primary-color: #00b6e3;
|
||
|
|
--secondary-color: #eee;
|
||
|
|
--dark-green-color: #416a59;
|
||
|
|
--dark-gray-color: rgba(7, 7, 7, 0.66);
|
||
|
|
--light-color: #818899;
|
||
|
|
--dark-blue-color: #21325e;
|
||
|
|
--blue-color: #00b6e3;
|
||
|
|
--gray-color: #92a2b2;
|
||
|
|
--light-blue-color: #3083ff;
|
||
|
|
--red-color: #9f1918;
|
||
|
|
--green-color: #009c98;
|
||
|
|
--pink-color: #ea4c89;
|
||
|
|
--orange-color: #c1600b;
|
||
|
|
--list-background-color: #e8fcff;
|
||
|
|
--hover-color: #d0f9ff;
|
||
|
|
--active-color: #00b6e3;
|
||
|
|
--header-color: #00b6e3;
|
||
|
|
|
||
|
|
--active-sidebar: #6fe2ff69;
|
||
|
|
--the-sidebar-background-color: #d1f6ff;
|
||
|
|
--linear-gradient-sidebar: #e8fcff;
|
||
|
|
--sidebar-collapsed-width: 4.5em;
|
||
|
|
--sidebar-width: 10em;
|
||
|
|
--header-height: 0;
|
||
|
|
--sidebar-text-color: #2c3d4e;
|
||
|
|
--sidebar-active-text-color: #374151;
|
||
|
|
|
||
|
|
--sidebar-toggler-right: -0.8em;
|
||
|
|
--linear-gradient-img: linear-gradient(
|
||
|
|
to bottom,
|
||
|
|
rgba(0, 0, 0, 0.15),
|
||
|
|
rgba(0, 0, 0, 0.65)
|
||
|
|
);
|
||
|
|
--sidebar-icons-width: 2em;
|
||
|
|
--sidebar-icons-height: 2em;
|
||
|
|
|
||
|
|
--sidebar-child-background-color: #80e5ff;
|
||
|
|
--icon-background-color: rgba(70, 185, 255, 0.59);
|
||
|
|
}
|
||
|
|
// }
|