rianraka/mamberamo
1
0
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
rifqiryandi
2022-04-13 13:51:55 +07:00
commit 47e209c023
3107 changed files with 238911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
public/style/scss/layout/sidebar/_sidebar-right.scss Normal file
View File

@ -0,0 +1,204 @@
// @import "../../abstracts/variable";
.sidebar-right {
// display: none;
right: -15.625rem;
position: fixed;
top: 0;
width: 15.625rem;
background-color: $white;
height: calc(100% - 7.0625rem);
margin-top: 5rem;
transition: all .5s ease-in-out;
padding-bottom: 1.875rem;
box-shadow: -2px 3px 10px 0px rgba(119, 119, 119, 0.1);
.slimScrollDiv {
@at-root [direction="rtl"] #{&} {
overflow: visible !important;
}
}
.sidebar-right-trigger {
position: absolute;
z-index: 9;
top: 4.75rem;
right: 100%;
background-color: $white;
color: $primary;
display: inline-block;
height: 3rem;
width: 3rem;
text-align: center;
font-size: 1.75rem;
line-height: 3rem;
border-radius: 5px 0 0 5px;
box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);
@at-root [data-theme-version="dark"] #{&} {
background-color: #31343b;
color: $white;
}
&:hover {
color: $primary;
}
}
&.show {
right: 0;
z-index: 999;
}
.nav-tabs {
justify-content: space-between;
position: sticky;
top: 0;
background-color: $white;
z-index: 2;
@at-root [data-theme-version="dark"] #{&} {
background-color: $d-bg;
}
.nav-item {
margin-bottom: 0;
flex: 1;
.nav-link {
border: 0;
font-size: 1.125rem;
position: relative;
text-align: center;
background-color: $white;
&::after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
content: "";
background: transparent;
}
@at-root [data-theme-version="dark"] #{&} {
background-color: $d-bg;
}
&.active {
@at-root [data-theme-version="dark"] #{&} {
border-right: none;
border-left: none;
border-top: none;
}
}
}
}
}
.tab-content {
padding: 1.25rem;
.tab-pane {
.admin-settings {
& > div {
margin-bottom: 10px;
}
p {
margin-bottom: 0.125rem;
}
//All color switcher scss goes here
input[type="radio"] {
display: none;
+ label {
display: inline-block;
width: 25px;
height: 25px;
cursor: pointer;
transition: all .1s ease;
border-radius: 4px;
margin-right: 5px;
margin-bottom: 3px;
}
&:checked {
+ label {
position: relative;
&::after {
height: 33px;
width: 33px;
left: -4px;
top: -4px;
content: "";
position: absolute;
background-color: inherit;
border-radius: 6px;
opacity: 0.4;
}
}
}
}
}
}
}
#nav_header,
#header,
#sidebar,
#primary{
@each $name, $color in $theme_backgrounds {
&_#{$name} {
+ label {
background-color: $color;
}
}
}
&_color_1 {
+ label {
border: 1px solid $muted;
}
}
}
}
@keyframes bounce {
0% {
transform: translateX(-8%);;
-webkit-transform: translateX(-8%);;
}
50% {
transform: translateX(8%);;
-webkit-transform: translateX(8%);;
}
100% {
transform: translateX(-8%);;
-webkit-transform: translateX(-8%);;
}
}
@-webkit-keyframes bounce {
0% {
transform: translateX(-8%);;
-webkit-transform: translateX(-8%);;
}
50% {
transform: translateX(8%);;
-webkit-transform: translateX(8%);;
}
100% {
transform: translateY(-8%);;
-webkit-transform: translateY(-8%);;
}
}