Skip to content

Commit

Permalink
Convert style into scss
Browse files Browse the repository at this point in the history
  • Loading branch information
@francoispluchino
francoispluchino committed Feb 16, 2021
1 parent 5881415 commit 7a73dbb
Show file tree
Hide file tree
Showing 16 changed files with 1,048 additions and 125 deletions.
88 changes: 42 additions & 46 deletions dist/sidebar-bootstrap.css
View file
Original file line number Diff line number Diff line change
@@ -1,67 +1,69 @@
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
z-index: 1031;
}
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
z-index: 1030;
}
@media (max-width: 991px) {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
z-index: 1030;
}
}

@media (max-width: 991px) {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
z-index: 1032;
}
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
z-index: 1031;
}
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
z-index: 1031;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top,
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top, .fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom {
z-index: 1001;
}
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top + .fxp-sidebar-swipe,
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom + .fxp-sidebar-swipe {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top + .fxp-sidebar-swipe, .fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom + .fxp-sidebar-swipe {
z-index: 1000;
}
}
@media (min-width: 992px) and (max-width: 991px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator, .fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
z-index: 1000;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top > .sticky-header {
padding-top: 51px !important;
}
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-group:first-child,
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-item:first-child {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-item:first-child {
padding-top: 51px;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-group:last-child,
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-item:last-child {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-item:last-child {
padding-bottom: 50px;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top {
top: 50px;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
bottom: 50px;
}
}
@media (min-width: 992px) {
.fxp-sidebar.fxp-sidebar-locked ~ .fxp-sidebar-obfuscator {
display: none;
}
}
@media (min-width: 992px) and (max-width: 991px) {
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
z-index: 1000;
}
}
@media (min-width: 992px) {
.container-main.container-force-open-left {
padding-left: 210px;
Expand All @@ -74,25 +76,22 @@
}
@media (min-width: 992px) {
.container-main.container-force-open-left > .container,
.container-main.container-force-open-right > .container,
.container-main.container-force-open-left > .navbar > .container,
.container-main.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
.container-main.container-force-open-right > .navbar > .container {
width: 760px;
}
}
@media (min-width: 1200px) {
.container-main.container-force-open-left > .container,
.container-main.container-force-open-right > .container,
.container-main.container-force-open-left > .navbar > .container,
.container-main.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
.container-main.container-force-open-right > .navbar > .container {
width: 960px;
}
}
@media (min-width: 1410px) {
.container-main.container-force-open-left > .container,
.container-main.container-force-open-right > .container,
.container-main.container-force-open-left > .navbar > .container,
.container-main.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
.container-main.container-force-open-right > .navbar > .container {
width: 1170px;
}
}
Expand All @@ -108,25 +107,25 @@
}
@media (min-width: 992px) {
.container-main.container-force-open-left.container-force-open-right > .container,
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
width: 550px;
}
}
@media (min-width: 1200px) {
.container-main.container-force-open-left.container-force-open-right > .container,
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
width: 750px;
}
}
@media (min-width: 1410px) {
.container-main.container-force-open-left.container-force-open-right > .container,
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
width: 960px;
}
}
@media (min-width: 1620px) {
.container-main.container-force-open-left.container-force-open-right > .container,
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
width: 1170px;
}
}
Expand All @@ -152,25 +151,22 @@
}
@media (min-width: 992px) {
.container-main.container-mini-left > .container,
.container-main.container-mini-right > .container,
.container-main.container-mini-left > .navbar > .container,
.container-main.container-mini-right > .navbar > .container {
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
.container-main.container-mini-right > .navbar > .container {
width: 900px;
}
}
@media (min-width: 1200px) {
.container-main.container-mini-left > .container,
.container-main.container-mini-right > .container,
.container-main.container-mini-left > .navbar > .container,
.container-main.container-mini-right > .navbar > .container {
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
.container-main.container-mini-right > .navbar > .container {
width: 1100px;
}
}
@media (min-width: 1270px) {
.container-main.container-mini-left > .container,
.container-main.container-mini-right > .container,
.container-main.container-mini-left > .navbar > .container,
.container-main.container-mini-right > .navbar > .container {
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
.container-main.container-mini-right > .navbar > .container {
width: 1170px;
}
}
Loading

0 comments on commit 7a73dbb

Please sign in to comment.