You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
166 lines
2.7 KiB
166 lines
2.7 KiB
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.border-left-right {
|
|
// z-index: 99;
|
|
border-left: 1px solid $oc-gray-3 !important;
|
|
border-right: 1px solid $oc-gray-3 !important;
|
|
}
|
|
|
|
.sidebar {
|
|
min-height: 100vh;
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
// position: fixed;
|
|
|
|
& .list-group {
|
|
position: fixed;
|
|
// width: 23vw;
|
|
}
|
|
|
|
& .list-group-item {
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0 !important;
|
|
font-size: 1rem;
|
|
font-weight: 600 !important;
|
|
padding-left: 1.1rem !important;
|
|
// border-color: $oc-gray-4;
|
|
}
|
|
}
|
|
|
|
.sidebar-wrapper {
|
|
background-color: $oc-gray-3;
|
|
}
|
|
|
|
.sidebar__link__light {
|
|
color: $oc-gray-9 !important;
|
|
|
|
&:hover {
|
|
color: $secondary !important;
|
|
}
|
|
}
|
|
|
|
|
|
.row {
|
|
margin: auto !important;
|
|
}
|
|
|
|
.active,
|
|
.active:hover {
|
|
background-color: $oc-gray-3 !important;
|
|
box-shadow: inset 5px 0 $primary;
|
|
|
|
& * {
|
|
color: $primary !important;
|
|
}
|
|
}
|
|
|
|
.rb-sidebar__2 .active {
|
|
background-color: $oc-gray-3 !important;
|
|
box-shadow: inset 5px 0 $primary;
|
|
}
|
|
|
|
.rp-navbar__top {
|
|
background-color: $primary;
|
|
}
|
|
|
|
// bootstrap navbar-light class is not working, overwriting classes to fix this
|
|
//TODO fix this issue
|
|
|
|
.navbar-light .navbar-toggler {
|
|
border-color: rgba(255,255,255,.5);
|
|
}
|
|
|
|
.navbar-light .navbar-toggler-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link {
|
|
color: rgba(255,255,255,.5);
|
|
|
|
&:hover {
|
|
color: $oc-white;
|
|
}
|
|
}
|
|
|
|
.rb-sidebar__1 {
|
|
background-color: $oc-gray-1;
|
|
}
|
|
|
|
.rb-sidebar__2 {
|
|
background-color: $oc-gray-0;
|
|
}
|
|
|
|
.rb-contain {
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.max-width-150 {
|
|
max-width: 150px;
|
|
}
|
|
|
|
.padding-top-35 {
|
|
padding-top: 35px !important;
|
|
}
|
|
|
|
.padding-top-18 {
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.align-horizontally {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
.hidden-sm {
|
|
display: block;
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
.hidden-sm {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.sidebar-fill {
|
|
width: 12.45%;
|
|
}
|
|
|
|
.list-group-item:focus,
|
|
.list-group-item:hover {
|
|
background-color: $oc-gray-2 !important;
|
|
|
|
& * {
|
|
color: $primary;
|
|
}
|
|
}
|
|
.list-group-item.active {
|
|
color: $primary;
|
|
}
|
|
|
|
.bg-box {
|
|
background-color: #f1f3f5 !important;
|
|
}
|
|
|
|
.bg {
|
|
&-primary {
|
|
background-color: $primary !important;
|
|
}
|
|
&-secondary {
|
|
background-color: $secondary !important;
|
|
}
|
|
}
|
|
|
|
.b-border {
|
|
border-bottom: 2px solid lightgrey !important;
|
|
}
|
|
|