Your IP : 18.116.63.107
/* All the default sidebar styles */
/* toggle button settings */
/* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */
/* Note: this also disables the navbar-header class positioning settings in small screens. */
.navbar {
&.navbar-static .navbar-header {
float: left;
}
.navbar-toggle {
&.toggle-left {
float: left;
margin-left: 15px;
}
&.toggle-right {
float: right;
margin-right: 15px;
}
&.toggle-sidebar {
display: block;
}
}
}
[data-toggle="sidebar"] {
display: block;
}
/* sidebar settings */
.sidebar {
position: fixed;
display: block;
top: 0;
width: 300px;
bottom: 0;
z-index: 1000;
min-height: 100%;
max-height: none;
overflow: auto;
background-color: $white;
/* border-right: 1px solid #eee; */
border: 1px solid #f0f0f4;
box-shadow: 0px 8px 14.72px 1.28px rgb(229, 228, 230, 0.5);
}
.sidebar-left {
left: 0;
}
.sidebar-right {
right: 0;
}
/* css to override hiding the sidebar according to different screen sizes */
.row .sidebar {
&.sidebar-left.sidebar-xs-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
&.sidebar-right.sidebar-xs-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
}
/*right sidebar is untested */
@media (min-width: 768px) {
.row .sidebar {
&.sidebar-left.sidebar-sm-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
&.sidebar-right.sidebar-sm-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
}
/*right sidebar is untested */
}
@media (min-width: 992px) {
.row .sidebar {
&.sidebar-left.sidebar-md-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
&.sidebar-right.sidebar-md-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
}
}
@media (min-width: 1170px) {
.row .sidebar {
&.sidebar-left.sidebar-lg-show {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
&.sidebar-right.sidebar-lg-show {
right: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
}
}
/* animation class - optional: without it the sidebar would just pop in and out*/
.sidebar-animate {
-webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
}
/* Left panel positioning classes */
.sidebar {
&.sidebar-left {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
&.sidebar-open {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
}
&.sidebar-right {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
&.sidebar-open {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
}
}