Skip to content

Commit 7a73dbb

Browse files
Convert style into scss
1 parent 5881415 commit 7a73dbb

16 files changed

+1048
-125
lines changed

dist/sidebar-bootstrap.css

Lines changed: 42 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,69 @@
1-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top,
2-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
1+
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
32
z-index: 1031;
43
}
5-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe,
6-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
4+
.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 {
75
z-index: 1030;
86
}
97
@media (max-width: 991px) {
10-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
11-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
8+
.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 {
129
z-index: 1030;
1310
}
1411
}
12+
1513
@media (max-width: 991px) {
16-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top,
17-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
14+
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top, .fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
1815
z-index: 1032;
1916
}
20-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top + .fxp-sidebar-swipe,
21-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom + .fxp-sidebar-swipe {
17+
.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 {
2218
z-index: 1031;
2319
}
24-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
25-
.fxp-sidebar:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
20+
.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 {
2621
z-index: 1031;
2722
}
2823
}
2924
@media (min-width: 992px) {
30-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top,
31-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom {
25+
.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 {
3226
z-index: 1001;
3327
}
34-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top + .fxp-sidebar-swipe,
35-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom + .fxp-sidebar-swipe {
28+
.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 {
3629
z-index: 1000;
3730
}
31+
}
32+
@media (min-width: 992px) and (max-width: 991px) {
33+
.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 {
34+
z-index: 1000;
35+
}
36+
}
37+
@media (min-width: 992px) {
3838
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top > .sticky-header {
3939
padding-top: 51px !important;
4040
}
4141
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-group:first-child,
42-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-item:first-child {
42+
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top .fxp-sidebar-menu > .fxp-sidebar-item:first-child {
4343
padding-top: 51px;
4444
}
45+
}
46+
@media (min-width: 992px) {
4547
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-group:last-child,
46-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-item:last-child {
48+
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom .fxp-sidebar-menu > .fxp-sidebar-item:last-child {
4749
padding-bottom: 50px;
4850
}
51+
}
52+
@media (min-width: 992px) {
4953
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-top {
5054
top: 50px;
5155
}
56+
}
57+
@media (min-width: 992px) {
5258
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-fixed-bottom {
5359
bottom: 50px;
5460
}
61+
}
62+
@media (min-width: 992px) {
5563
.fxp-sidebar.fxp-sidebar-locked ~ .fxp-sidebar-obfuscator {
5664
display: none;
5765
}
5866
}
59-
@media (min-width: 992px) and (max-width: 991px) {
60-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-top.fxp-sidebar-open ~ .fxp-sidebar-obfuscator,
61-
.fxp-sidebar.fxp-sidebar-locked:not(.fxp-sidebar-full-locked).fxp-sidebar-static-bottom.fxp-sidebar-open ~ .fxp-sidebar-obfuscator {
62-
z-index: 1000;
63-
}
64-
}
6567
@media (min-width: 992px) {
6668
.container-main.container-force-open-left {
6769
padding-left: 210px;
@@ -74,25 +76,22 @@
7476
}
7577
@media (min-width: 992px) {
7678
.container-main.container-force-open-left > .container,
77-
.container-main.container-force-open-right > .container,
78-
.container-main.container-force-open-left > .navbar > .container,
79-
.container-main.container-force-open-right > .navbar > .container {
79+
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
80+
.container-main.container-force-open-right > .navbar > .container {
8081
width: 760px;
8182
}
8283
}
8384
@media (min-width: 1200px) {
8485
.container-main.container-force-open-left > .container,
85-
.container-main.container-force-open-right > .container,
86-
.container-main.container-force-open-left > .navbar > .container,
87-
.container-main.container-force-open-right > .navbar > .container {
86+
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
87+
.container-main.container-force-open-right > .navbar > .container {
8888
width: 960px;
8989
}
9090
}
9191
@media (min-width: 1410px) {
9292
.container-main.container-force-open-left > .container,
93-
.container-main.container-force-open-right > .container,
94-
.container-main.container-force-open-left > .navbar > .container,
95-
.container-main.container-force-open-right > .navbar > .container {
93+
.container-main.container-force-open-left > .navbar > .container, .container-main.container-force-open-right > .container,
94+
.container-main.container-force-open-right > .navbar > .container {
9695
width: 1170px;
9796
}
9897
}
@@ -108,25 +107,25 @@
108107
}
109108
@media (min-width: 992px) {
110109
.container-main.container-force-open-left.container-force-open-right > .container,
111-
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
110+
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
112111
width: 550px;
113112
}
114113
}
115114
@media (min-width: 1200px) {
116115
.container-main.container-force-open-left.container-force-open-right > .container,
117-
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
116+
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
118117
width: 750px;
119118
}
120119
}
121120
@media (min-width: 1410px) {
122121
.container-main.container-force-open-left.container-force-open-right > .container,
123-
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
122+
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
124123
width: 960px;
125124
}
126125
}
127126
@media (min-width: 1620px) {
128127
.container-main.container-force-open-left.container-force-open-right > .container,
129-
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
128+
.container-main.container-force-open-left.container-force-open-right > .navbar > .container {
130129
width: 1170px;
131130
}
132131
}
@@ -152,25 +151,22 @@
152151
}
153152
@media (min-width: 992px) {
154153
.container-main.container-mini-left > .container,
155-
.container-main.container-mini-right > .container,
156-
.container-main.container-mini-left > .navbar > .container,
157-
.container-main.container-mini-right > .navbar > .container {
154+
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
155+
.container-main.container-mini-right > .navbar > .container {
158156
width: 900px;
159157
}
160158
}
161159
@media (min-width: 1200px) {
162160
.container-main.container-mini-left > .container,
163-
.container-main.container-mini-right > .container,
164-
.container-main.container-mini-left > .navbar > .container,
165-
.container-main.container-mini-right > .navbar > .container {
161+
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
162+
.container-main.container-mini-right > .navbar > .container {
166163
width: 1100px;
167164
}
168165
}
169166
@media (min-width: 1270px) {
170167
.container-main.container-mini-left > .container,
171-
.container-main.container-mini-right > .container,
172-
.container-main.container-mini-left > .navbar > .container,
173-
.container-main.container-mini-right > .navbar > .container {
168+
.container-main.container-mini-left > .navbar > .container, .container-main.container-mini-right > .container,
169+
.container-main.container-mini-right > .navbar > .container {
174170
width: 1170px;
175171
}
176172
}

0 commit comments

Comments
 (0)