Skip to content

Commit a2a1d0b

Browse files
author
AMJones
committed
Adds distribution files.
1 parent 67df8e8 commit a2a1d0b

4 files changed

Lines changed: 443 additions & 0 deletions

File tree

‎dist/css/drawer.css‎

Lines changed: 279 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,279 @@
1+
/*!
2+
* StrapLess Drawer v1.1.1 (http://github.com/strapless/drawer)
3+
* Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
4+
*/
5+
header .navbar-toggler {
6+
-webkit-transition: .5s ease-in-out;
7+
-o-transition: .5s ease-in-out;
8+
transition: .5s ease-in-out;
9+
display: -webkit-flex;
10+
display: -ms-flexbox;
11+
display: flex;
12+
}
13+
14+
nav.drawer {
15+
position: fixed;
16+
top: 0;
17+
left: 0;
18+
bottom: 0;
19+
width: 230px;
20+
max-height: 100vh;
21+
-webkit-flex-direction: column;
22+
-ms-flex-direction: column;
23+
flex-direction: column;
24+
-webkit-flex: 0 0 auto;
25+
-ms-flex: 0 0 auto;
26+
flex: 0 0 auto;
27+
background-color: #fff;
28+
color: #212529;
29+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
30+
z-index: 1050;
31+
margin-left: -230px;
32+
display: -webkit-flex;
33+
display: -ms-flexbox;
34+
display: flex;
35+
}
36+
37+
nav.drawer .drawer-header, nav.drawer .drawer-footer {
38+
-webkit-transition: opacity .5s ease-in-out;
39+
-o-transition: opacity .5s ease-in-out;
40+
transition: opacity .5s ease-in-out;
41+
opacity: 1;
42+
display: block;
43+
}
44+
45+
.on nav.drawer {
46+
margin-left: 0;
47+
}
48+
49+
.temporary nav.drawer, .persistent nav.drawer {
50+
-webkit-transition: margin-left .5s ease-in-out;
51+
-o-transition: margin-left .5s ease-in-out;
52+
transition: margin-left .5s ease-in-out;
53+
}
54+
55+
.persistent nav.drawer, .permanent nav.drawer {
56+
display: none;
57+
}
58+
59+
nav.drawer .drawer-link {
60+
color: #212529;
61+
text-decoration: none !important;
62+
}
63+
64+
nav.drawer .drawer-link > .fa {
65+
width: 16px;
66+
color: rgba(73, 80, 87, 0.9);
67+
margin-right: 1rem;
68+
}
69+
70+
nav.drawer .drawer-link > i.fa {
71+
font-size: 16px;
72+
line-height: 16px;
73+
vertical-align: -15%;
74+
text-align: left;
75+
}
76+
77+
nav.drawer .drawer-link:hover, nav.drawer .drawer-link:focus {
78+
background-color: #e9ecef;
79+
color: black;
80+
}
81+
82+
nav.drawer .active > .drawer-link, nav.drawer .drawer-link:active {
83+
color: #0062cc;
84+
}
85+
86+
nav.drawer .disabled > .drawer-link, nav.drawer .drawer-link.disabled {
87+
color: rgba(233, 236, 239, 0.8);
88+
}
89+
90+
nav.drawer .drawer-group {
91+
margin: .25rem 0 0 0;
92+
padding: 0 0 .25rem 0;
93+
}
94+
95+
nav.drawer .drawer-item {
96+
display: block;
97+
}
98+
99+
nav.drawer .drawer-link, nav.drawer .drawer-item > *:not(.drawer-group) {
100+
padding: 0 1.5rem;
101+
min-height: 2rem;
102+
display: -webkit-flex;
103+
display: -ms-flexbox;
104+
display: flex;
105+
-webkit-flex: 1 0 auto;
106+
-ms-flex: 1 0 auto;
107+
flex: 1 0 auto;
108+
-ms-flex-align: center;
109+
-ms-grid-row-align: center;
110+
-webkit-align-items: center;
111+
align-items: center;
112+
}
113+
114+
nav.drawer .drawer-item-heading {
115+
color: rgba(33, 37, 41, 0.7);
116+
font-size: .9rem;
117+
margin: 0;
118+
text-transform: uppercase;
119+
letter-spacing: 2px;
120+
}
121+
122+
nav.drawer .drawer-body .drawer-group {
123+
border: 0 solid rgba(0, 0, 0, 0.125);
124+
border-top-width: 1px;
125+
}
126+
127+
nav.drawer .drawer-body .drawer-group:first-child {
128+
border-top-width: 0;
129+
}
130+
131+
nav.drawer .drawer-footer .drawer-item:first-child {
132+
border-top-width: 1px;
133+
}
134+
135+
nav.drawer .drawer-header {
136+
-webkit-flex: 0 0 auto;
137+
-ms-flex: 0 0 auto;
138+
flex: 0 0 auto;
139+
background-color: rgba(0, 0, 0, 0.1);
140+
}
141+
142+
nav.drawer .drawer-header [data-toggle] {
143+
-webkit-flex: 1 0 auto;
144+
-ms-flex: 1 0 auto;
145+
flex: 1 0 auto;
146+
}
147+
148+
nav.drawer .drawer-header .account-item {
149+
-webkit-flex: 0 1 auto;
150+
-ms-flex: 0 1 auto;
151+
flex: 0 1 auto;
152+
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
153+
}
154+
155+
nav.drawer .drawer-header .account-item > a:hover, nav.drawer .drawer-header .account-item > a:focus {
156+
background-color: transparent;
157+
}
158+
159+
nav.drawer .drawer-header > a:hover, nav.drawer .drawer-header > a:focus, nav.drawer .drawer-header .account-item > a:hover, nav.drawer .drawer-header .account-item > a:focus {
160+
outline: 0;
161+
background-color: transparent;
162+
}
163+
164+
nav.drawer .drawer-header a.account {
165+
display: -webkit-flex;
166+
display: -ms-flexbox;
167+
display: flex;
168+
-ms-flex-align: center;
169+
-ms-grid-row-align: center;
170+
-webkit-align-items: center;
171+
align-items: center;
172+
}
173+
174+
nav.drawer .drawer-header a.account > .list-unstyled {
175+
margin-bottom: 0;
176+
}
177+
178+
nav.drawer .drawer-header a.account > .fa {
179+
margin-left: auto;
180+
margin-right: -1.25rem;
181+
opacity: .2;
182+
-webkit-flex: 0 1 auto;
183+
-ms-flex: 0 1 auto;
184+
flex: 0 1 auto;
185+
}
186+
187+
nav.drawer .drawer-body {
188+
overflow-y: scroll;
189+
overflow-x: hidden;
190+
display: -webkit-flex;
191+
display: -ms-flexbox;
192+
display: flex;
193+
-webkit-flex-direction: column;
194+
-ms-flex-direction: column;
195+
flex-direction: column;
196+
padding: 0.5rem 0;
197+
}
198+
199+
nav.drawer .drawer-footer {
200+
margin-top: auto;
201+
}
202+
203+
nav.drawer .drawer-hide {
204+
display: none !important;
205+
}
206+
207+
@media screen and (min-width: 993px) {
208+
.permanent nav.drawer, .persistent nav.drawer {
209+
display: -webkit-flex;
210+
display: -ms-flexbox;
211+
display: flex;
212+
}
213+
nav.drawer {
214+
margin-left: 0;
215+
position: relative;
216+
max-height: none;
217+
z-index: 0 !important;
218+
margin-right: 0.5rem;
219+
}
220+
nav.drawer .drawer-header, nav.drawer .drawer-footer {
221+
opacity: 0;
222+
display: none;
223+
}
224+
html.persistent:not(.on) nav.drawer {
225+
margin-left: -230px !important;
226+
}
227+
html:not(.persistent) header .navbar-toggler {
228+
-webkit-transform: translateX(-100%);
229+
-ms-transform: translateX(-100%);
230+
transform: translateX(-100%);
231+
display: none !important;
232+
}
233+
.persistent header .navbar-toggler {
234+
-webkit-transform: translateX(0);
235+
-ms-transform: translateX(0);
236+
transform: translateX(0);
237+
display: -webkit-flex !important;
238+
display: -ms-flexbox !important;
239+
display: flex !important;
240+
}
241+
.drawer-padding-adjust {
242+
padding-left: 244px;
243+
}
244+
.drawer-margin-adjust {
245+
margin-left: 244px;
246+
}
247+
.persistent:not(.on) .drawer-padding-adjust {
248+
padding-left: 0;
249+
}
250+
.persistent:not(.on) .drawer-margin-adjust {
251+
margin-left: 0;
252+
}
253+
}
254+
255+
@media screen and (min-width: 1201px) {
256+
.permanent nav.drawer, .persistent nav.drawer {
257+
display: -webkit-flex;
258+
display: -ms-flexbox;
259+
display: flex;
260+
}
261+
nav.drawer {
262+
position: relative;
263+
display: -webkit-flex;
264+
display: -ms-flexbox;
265+
display: flex;
266+
margin-left: 0;
267+
-webkit-transition: none;
268+
-o-transition: none;
269+
transition: none;
270+
}
271+
}
272+
273+
nav.drawer + .container-fluid {
274+
-webkit-flex: 1 1 auto;
275+
-ms-flex: 1 1 auto;
276+
flex: 1 1 auto;
277+
margin-bottom: 1rem;
278+
width: auto;
279+
}

‎dist/css/drawer.min.css‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)