Skip to content

Commit 6ce7d4f

Browse files
JoryHogeveenJoryHogeveen
authored
Merge pull request #1 from JoryHogeveen/dev
v0.2 - ( Slidebars v2.0.2 )
2 parents d79ecb9 + 2e668ac commit 6ce7d4f

23 files changed

+1853
-1508
lines changed

‎css/off-canvas-sidebars-admin.css‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
/**
2+
* Off-Canvas Sidebars plugin
3+
*
4+
* @author Jory Hogeveen <[email protected]>
5+
* @package off-canvas-sidebars
6+
* @version 0.2
7+
*/
8+
9+
.ocs-credits {
10+
overflow: hidden;
11+
background: #fff;
12+
position: relative;
13+
margin: 20px 0;
14+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
15+
}
16+
17+
.ocs-credits .inner { padding-left: 10px; padding-right: 10px; }
18+
.ocs-credits h3 { font-size: 14px; line-height: 1.4; margin: 0; padding: 8px 12px; border-bottom: 1px solid #eee; }
19+
20+
@media only screen and (min-width: 850px) {
21+
.off-canvas-sidebars-settings {
22+
margin-right: 300px;
23+
}
24+
25+
.off-canvas-sidebars-settings form {
26+
float: left;
27+
min-width: 100%;
28+
width: auto;
29+
}
30+
31+
.ocs-credits {
32+
float: right;
33+
margin: 20px -300px 20px 20px;
34+
width: 280px;
35+
}
36+
}
37+
38+
@media only screen and (min-width: 959px) {
39+
.ocs-credits {
40+
position: fixed;
41+
right: 0;
42+
margin: 20px;
43+
}
44+
}

‎css/off-canvas-sidebars.css‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
/**
2+
* Off-Canvas Sidebars plugin
3+
*
4+
* @author Jory Hogeveen <[email protected]>
5+
* @package off-canvas-sidebars
6+
* @version 0.2
7+
*/
8+
9+
/**
10+
* Sidebar Widths (patched from older version of Slidebars)
11+
*/
12+
13+
/* Slidebar widths for browsers/devices that don't support media queries. */
14+
.sb-size-default.sb-location-left,
15+
.sb-size-default.sb-location-right {
16+
width: 30%;
17+
}
18+
19+
.sb-size-small.sb-location-left,
20+
.sb-size-small.sb-location-right {
21+
width: 15%;
22+
}
23+
24+
.sb-size-large.sb-location-left,
25+
.sb-size-large.sb-location-right {
26+
width: 45%;
27+
}
28+
29+
.sb-size-default.sb-location-top,
30+
.sb-size-default.sb-location-bottom {
31+
height: 30%;
32+
}
33+
34+
.sb-size-small.sb-location-top,
35+
.sb-size-small.sb-location-bottom {
36+
height: 15%;
37+
}
38+
39+
.sb-size-large.sb-location-top,
40+
.sb-size-large.sb-location-bottom {
41+
height: 45%;
42+
}
43+
44+
@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
45+
46+
.sb-size-default.sb-location-left,
47+
.sb-size-default.sb-location-right {
48+
width: 70%;
49+
}
50+
51+
.sb-size-small.sb-location-left,
52+
.sb-size-small.sb-location-right {
53+
width: 55%;
54+
}
55+
56+
.sb-size-large.sb-location-left,
57+
.sb-size-large.sb-location-right {
58+
width: 85%;
59+
}
60+
61+
.sb-size-default.sb-location-top,
62+
.sb-size-default.sb-location-bottom {
63+
height: 70%;
64+
}
65+
66+
.sb-size-small.sb-location-top,
67+
.sb-size-small.sb-location-bottom {
68+
height: 55%;
69+
}
70+
71+
.sb-size-large.sb-location-top,
72+
.sb-size-large.sb-location-bottom {
73+
height: 85%;
74+
}
75+
}
76+
77+
@media (min-width: 481px) { /* Slidebar widths on small screens. */
78+
79+
.sb-size-default.sb-location-left,
80+
.sb-size-default.sb-location-right {
81+
width: 55%;
82+
}
83+
84+
.sb-size-small.sb-location-left,
85+
.sb-size-small.sb-location-right {
86+
width: 40%;
87+
}
88+
89+
.sb-size-large.sb-location-left,
90+
.sb-size-large.sb-location-right {
91+
width: 70%;
92+
}
93+
94+
.sb-size-default.sb-location-top,
95+
.sb-size-default.sb-location-bottom {
96+
height: 55%;
97+
}
98+
99+
.sb-size-small.sb-location-top,
100+
.sb-size-small.sb-location-bottom {
101+
height: 40%;
102+
}
103+
104+
.sb-size-large.sb-location-top,
105+
.sb-size-large.sb-location-bottom {
106+
height: 70%;
107+
}
108+
}
109+
110+
@media (min-width: 768px) { /* Slidebar widths on medium screens. */
111+
112+
.sb-size-default.sb-location-left,
113+
.sb-size-default.sb-location-right {
114+
width: 40%;
115+
}
116+
117+
.sb-size-small.sb-location-left,
118+
.sb-size-small.sb-location-right {
119+
width: 25%;
120+
}
121+
122+
.sb-size-large.sb-location-left,
123+
.sb-size-large.sb-location-right {
124+
width: 55%;
125+
}
126+
127+
.sb-size-default.sb-location-top,
128+
.sb-size-default.sb-location-bottom {
129+
height: 40%;
130+
}
131+
132+
.sb-size-small.sb-location-top,
133+
.sb-size-small.sb-location-bottom {
134+
height: 25%;
135+
}
136+
137+
.sb-size-large.sb-location-top,
138+
.sb-size-large.sb-location-bottom {
139+
height: 55%;
140+
}
141+
}
142+
143+
@media (min-width: 992px) { /* Slidebar widths on large screens. */
144+
145+
.sb-size-default.sb-location-left,
146+
.sb-size-default.sb-location-right {
147+
width: 30%;
148+
}
149+
150+
.sb-size-small.sb-location-left,
151+
.sb-size-small.sb-location-right {
152+
width: 15%;
153+
}
154+
155+
.sb-size-large.sb-location-left,
156+
.sb-size-large.sb-location-right {
157+
width: 45%;
158+
}
159+
160+
.sb-size-default.sb-location-top,
161+
.sb-size-default.sb-location-bottom {
162+
height: 30%;
163+
}
164+
165+
.sb-size-small.sb-location-top,
166+
.sb-size-small.sb-location-bottom {
167+
height: 15%;
168+
}
169+
170+
.sb-size-large.sb-location-top,
171+
.sb-size-large.sb-location-bottom {
172+
height: 45%;
173+
}
174+
}
175+
176+
@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
177+
178+
.sb-size-default.sb-location-left,
179+
.sb-size-default.sb-location-right {
180+
width: 20%;
181+
}
182+
183+
.sb-size-small.sb-location-left,
184+
.sb-size-small.sb-location-right {
185+
width: 5%;
186+
}
187+
188+
.sb-size-large.sb-location-left,
189+
.sb-size-large.sb-location-right {
190+
width: 35%;
191+
}
192+
193+
194+
.sb-size-default.sb-location-top,
195+
.sb-size-default.sb-location-bottom {
196+
height: 20%;
197+
}
198+
199+
.sb-size-small.sb-location-top,
200+
.sb-size-small.sb-location-bottom {
201+
height: 5%;
202+
}
203+
204+
.sb-size-large.sb-location-top,
205+
.sb-size-large.sb-location-bottom {
206+
height: 35%;
207+
}
208+
}

0 commit comments

Comments
 (0)