priority-nav 1.0.12 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/css/main.css CHANGED
@@ -1,32 +1,32 @@
1
- /*
2
- * Abstractions like variables, mixins, etc...
1
+ /*
2
+ * Abstractions like variables, mixins, etc...
3
3
  */
4
- /*
5
- * Wrapper
4
+ /*
5
+ * Wrapper
6
6
  */
7
- /*
8
- * Media Queries
7
+ /*
8
+ * Media Queries
9
9
  */
10
- /*
11
- * Font weights
10
+ /*
11
+ * Font weights
12
12
  */
13
- /*
14
- * Colors
13
+ /*
14
+ * Colors
15
15
  */
16
- /*
17
- * http://easings.net/nl
16
+ /*
17
+ * http://easings.net/nl
18
18
  */
19
- /* = Triangles
20
- *Ex: @include triangle(up, size, color);
19
+ /* = Triangles
20
+ *Ex: @include triangle(up, size, color);
21
21
  */
22
- /*
23
- * Third party styles (sliders, lightbox, dropdown)
22
+ /*
23
+ * Third party styles (sliders, lightbox, dropdown)
24
24
  */
25
25
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
26
- /**
27
- * 1. Set default font family to sans-serif.
28
- * 2. Prevent iOS and IE text size adjust after device orientation change,
29
- * without disabling user zoom.
26
+ /**
27
+ * 1. Set default font family to sans-serif.
28
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
29
+ * without disabling user zoom.
30
30
  */
31
31
  html {
32
32
  font-family: sans-serif;
@@ -36,19 +36,19 @@ html {
36
36
  -webkit-text-size-adjust: 100%;
37
37
  /* 2 */ }
38
38
 
39
- /**
40
- * Remove default margin.
39
+ /**
40
+ * Remove default margin.
41
41
  */
42
42
  body {
43
43
  margin: 0; }
44
44
 
45
- /* HTML5 display definitions
45
+ /* HTML5 display definitions
46
46
  ========================================================================== */
47
- /**
48
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
49
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
50
- * and Firefox.
51
- * Correct `block` display not defined for `main` in IE 11.
47
+ /**
48
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
49
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
50
+ * and Firefox.
51
+ * Correct `block` display not defined for `main` in IE 11.
52
52
  */
53
53
  article,
54
54
  aside,
@@ -65,9 +65,9 @@ section,
65
65
  summary {
66
66
  display: block; }
67
67
 
68
- /**
69
- * 1. Correct `inline-block` display not defined in IE 8/9.
70
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
68
+ /**
69
+ * 1. Correct `inline-block` display not defined in IE 8/9.
70
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
71
71
  */
72
72
  audio,
73
73
  canvas,
@@ -78,82 +78,82 @@ video {
78
78
  vertical-align: baseline;
79
79
  /* 2 */ }
80
80
 
81
- /**
82
- * Prevent modern browsers from displaying `audio` without controls.
83
- * Remove excess height in iOS 5 devices.
81
+ /**
82
+ * Prevent modern browsers from displaying `audio` without controls.
83
+ * Remove excess height in iOS 5 devices.
84
84
  */
85
85
  audio:not([controls]) {
86
86
  display: none;
87
87
  height: 0; }
88
88
 
89
- /**
90
- * Address `[hidden]` styling not present in IE 8/9/10.
91
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
89
+ /**
90
+ * Address `[hidden]` styling not present in IE 8/9/10.
91
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
92
92
  */
93
93
  [hidden],
94
94
  template {
95
95
  display: none; }
96
96
 
97
- /* Links
97
+ /* Links
98
98
  ========================================================================== */
99
- /**
100
- * Remove the gray background color from active links in IE 10.
99
+ /**
100
+ * Remove the gray background color from active links in IE 10.
101
101
  */
102
102
  a {
103
103
  background-color: transparent; }
104
104
 
105
- /**
106
- * Improve readability of focused elements when they are also in an
107
- * active/hover state.
105
+ /**
106
+ * Improve readability of focused elements when they are also in an
107
+ * active/hover state.
108
108
  */
109
109
  a:active,
110
110
  a:hover {
111
111
  outline: 0; }
112
112
 
113
- /* Text-level semantics
113
+ /* Text-level semantics
114
114
  ========================================================================== */
115
- /**
116
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
115
+ /**
116
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
117
117
  */
118
118
  abbr[title] {
119
119
  border-bottom: 1px dotted; }
120
120
 
121
- /**
122
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
121
+ /**
122
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
123
123
  */
124
124
  b,
125
125
  strong {
126
126
  font-weight: bold; }
127
127
 
128
- /**
129
- * Address styling not present in Safari and Chrome.
128
+ /**
129
+ * Address styling not present in Safari and Chrome.
130
130
  */
131
131
  dfn {
132
132
  font-style: italic; }
133
133
 
134
- /**
135
- * Address variable `h1` font-size and margin within `section` and `article`
136
- * contexts in Firefox 4+, Safari, and Chrome.
134
+ /**
135
+ * Address variable `h1` font-size and margin within `section` and `article`
136
+ * contexts in Firefox 4+, Safari, and Chrome.
137
137
  */
138
138
  h1 {
139
139
  font-size: 2em;
140
140
  margin: 0.67em 0; }
141
141
 
142
- /**
143
- * Address styling not present in IE 8/9.
142
+ /**
143
+ * Address styling not present in IE 8/9.
144
144
  */
145
145
  mark {
146
146
  background: #ff0;
147
147
  color: #000; }
148
148
 
149
- /**
150
- * Address inconsistent and variable font size in all browsers.
149
+ /**
150
+ * Address inconsistent and variable font size in all browsers.
151
151
  */
152
152
  small {
153
153
  font-size: 80%; }
154
154
 
155
- /**
156
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
155
+ /**
156
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
157
157
  */
158
158
  sub,
159
159
  sup {
@@ -168,43 +168,43 @@ sup {
168
168
  sub {
169
169
  bottom: -0.25em; }
170
170
 
171
- /* Embedded content
171
+ /* Embedded content
172
172
  ========================================================================== */
173
- /**
174
- * Remove border when inside `a` element in IE 8/9/10.
173
+ /**
174
+ * Remove border when inside `a` element in IE 8/9/10.
175
175
  */
176
176
  img {
177
177
  border: 0; }
178
178
 
179
- /**
180
- * Correct overflow not hidden in IE 9/10/11.
179
+ /**
180
+ * Correct overflow not hidden in IE 9/10/11.
181
181
  */
182
182
  svg:not(:root) {
183
183
  overflow: hidden; }
184
184
 
185
- /* Grouping content
185
+ /* Grouping content
186
186
  ========================================================================== */
187
- /**
188
- * Address margin not present in IE 8/9 and Safari.
187
+ /**
188
+ * Address margin not present in IE 8/9 and Safari.
189
189
  */
190
190
  figure {
191
191
  margin: 1em 40px; }
192
192
 
193
- /**
194
- * Address differences between Firefox and other browsers.
193
+ /**
194
+ * Address differences between Firefox and other browsers.
195
195
  */
196
196
  hr {
197
197
  box-sizing: content-box;
198
198
  height: 0; }
199
199
 
200
- /**
201
- * Contain overflow in all browsers.
200
+ /**
201
+ * Contain overflow in all browsers.
202
202
  */
203
203
  pre {
204
204
  overflow: auto; }
205
205
 
206
- /**
207
- * Address odd `em`-unit font size rendering in all browsers.
206
+ /**
207
+ * Address odd `em`-unit font size rendering in all browsers.
208
208
  */
209
209
  code,
210
210
  kbd,
@@ -213,17 +213,17 @@ samp {
213
213
  font-family: monospace, monospace;
214
214
  font-size: 1em; }
215
215
 
216
- /* Forms
216
+ /* Forms
217
217
  ========================================================================== */
218
- /**
219
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
220
- * styling of `select`, unless a `border` property is set.
218
+ /**
219
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
220
+ * styling of `select`, unless a `border` property is set.
221
221
  */
222
- /**
223
- * 1. Correct color not being inherited.
224
- * Known issue: affects color of disabled elements.
225
- * 2. Correct font properties not being inherited.
226
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
222
+ /**
223
+ * 1. Correct color not being inherited.
224
+ * Known issue: affects color of disabled elements.
225
+ * 2. Correct font properties not being inherited.
226
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
227
227
  */
228
228
  button,
229
229
  input,
@@ -237,28 +237,28 @@ textarea {
237
237
  margin: 0;
238
238
  /* 3 */ }
239
239
 
240
- /**
241
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
240
+ /**
241
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
242
242
  */
243
243
  button {
244
244
  overflow: visible; }
245
245
 
246
- /**
247
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
248
- * All other form control elements do not inherit `text-transform` values.
249
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
250
- * Correct `select` style inheritance in Firefox.
246
+ /**
247
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
248
+ * All other form control elements do not inherit `text-transform` values.
249
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
250
+ * Correct `select` style inheritance in Firefox.
251
251
  */
252
252
  button,
253
253
  select {
254
254
  text-transform: none; }
255
255
 
256
- /**
257
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
258
- * and `video` controls.
259
- * 2. Correct inability to style clickable `input` types in iOS.
260
- * 3. Improve usability and consistency of cursor style between image-type
261
- * `input` and others.
256
+ /**
257
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
258
+ * and `video` controls.
259
+ * 2. Correct inability to style clickable `input` types in iOS.
260
+ * 3. Improve usability and consistency of cursor style between image-type
261
+ * `input` and others.
262
262
  */
263
263
  button,
264
264
  html input[type="button"],
@@ -269,34 +269,34 @@ input[type="submit"] {
269
269
  cursor: pointer;
270
270
  /* 3 */ }
271
271
 
272
- /**
273
- * Re-set default cursor for disabled elements.
272
+ /**
273
+ * Re-set default cursor for disabled elements.
274
274
  */
275
275
  button[disabled],
276
276
  html input[disabled] {
277
277
  cursor: default; }
278
278
 
279
- /**
280
- * Remove inner padding and border in Firefox 4+.
279
+ /**
280
+ * Remove inner padding and border in Firefox 4+.
281
281
  */
282
282
  button::-moz-focus-inner,
283
283
  input::-moz-focus-inner {
284
284
  border: 0;
285
285
  padding: 0; }
286
286
 
287
- /**
288
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
289
- * the UA stylesheet.
287
+ /**
288
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
289
+ * the UA stylesheet.
290
290
  */
291
291
  input {
292
292
  line-height: normal; }
293
293
 
294
- /**
295
- * It's recommended that you don't attempt to style these elements.
296
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
297
- *
298
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
299
- * 2. Remove excess padding in IE 8/9/10.
294
+ /**
295
+ * It's recommended that you don't attempt to style these elements.
296
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
297
+ *
298
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
299
+ * 2. Remove excess padding in IE 8/9/10.
300
300
  */
301
301
  input[type="checkbox"],
302
302
  input[type="radio"] {
@@ -305,18 +305,18 @@ input[type="radio"] {
305
305
  padding: 0;
306
306
  /* 2 */ }
307
307
 
308
- /**
309
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
310
- * `font-size` values of the `input`, it causes the cursor style of the
311
- * decrement button to change from `default` to `text`.
308
+ /**
309
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
310
+ * `font-size` values of the `input`, it causes the cursor style of the
311
+ * decrement button to change from `default` to `text`.
312
312
  */
313
313
  input[type="number"]::-webkit-inner-spin-button,
314
314
  input[type="number"]::-webkit-outer-spin-button {
315
315
  height: auto; }
316
316
 
317
- /**
318
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
319
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
317
+ /**
318
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
319
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
320
320
  */
321
321
  input[type="search"] {
322
322
  -webkit-appearance: textfield;
@@ -324,26 +324,26 @@ input[type="search"] {
324
324
  box-sizing: content-box;
325
325
  /* 2 */ }
326
326
 
327
- /**
328
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
329
- * Safari (but not Chrome) clips the cancel button when the search input has
330
- * padding (and `textfield` appearance).
327
+ /**
328
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
329
+ * Safari (but not Chrome) clips the cancel button when the search input has
330
+ * padding (and `textfield` appearance).
331
331
  */
332
332
  input[type="search"]::-webkit-search-cancel-button,
333
333
  input[type="search"]::-webkit-search-decoration {
334
334
  -webkit-appearance: none; }
335
335
 
336
- /**
337
- * Define consistent border, margin, and padding.
336
+ /**
337
+ * Define consistent border, margin, and padding.
338
338
  */
339
339
  fieldset {
340
340
  border: 1px solid #c0c0c0;
341
341
  margin: 0 2px;
342
342
  padding: 0.35em 0.625em 0.75em; }
343
343
 
344
- /**
345
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
346
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
344
+ /**
345
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
346
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
347
347
  */
348
348
  legend {
349
349
  border: 0;
@@ -351,23 +351,23 @@ legend {
351
351
  padding: 0;
352
352
  /* 2 */ }
353
353
 
354
- /**
355
- * Remove default vertical scrollbar in IE 8/9/10/11.
354
+ /**
355
+ * Remove default vertical scrollbar in IE 8/9/10/11.
356
356
  */
357
357
  textarea {
358
358
  overflow: auto; }
359
359
 
360
- /**
361
- * Don't inherit the `font-weight` (applied by a rule above).
362
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
360
+ /**
361
+ * Don't inherit the `font-weight` (applied by a rule above).
362
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
363
363
  */
364
364
  optgroup {
365
365
  font-weight: bold; }
366
366
 
367
- /* Tables
367
+ /* Tables
368
368
  ========================================================================== */
369
- /**
370
- * Remove most spacing between table cells.
369
+ /**
370
+ * Remove most spacing between table cells.
371
371
  */
372
372
  table {
373
373
  border-collapse: collapse;
@@ -377,13 +377,13 @@ td,
377
377
  th {
378
378
  padding: 0; }
379
379
 
380
- /*
381
- * Base styles (typography, grids, global styles, etc..)
380
+ /*
381
+ * Base styles (typography, grids, global styles, etc..)
382
382
  */
383
- /**
384
- * @_boxmodel.css
385
- * The CSS box model is essentially a box that wraps around HTML elements,
386
- * and it consists of: margins, borders, padding, and the actual content.
383
+ /**
384
+ * @_boxmodel.css
385
+ * The CSS box model is essentially a box that wraps around HTML elements,
386
+ * and it consists of: margins, borders, padding, and the actual content.
387
387
  */
388
388
  /* apply a natural box layout model to all elements, but allowing components to change */
389
389
  html {
@@ -405,27 +405,27 @@ html {
405
405
  max-width: 950px;
406
406
  margin: 0 auto; }
407
407
 
408
- /*
409
- * Sets the base font to 10px for easier math
408
+ /*
409
+ * Sets the base font to 10px for easier math
410
410
  */
411
411
  html {
412
412
  font-size: 62.5%; }
413
413
 
414
- /*
415
- * Sets the default sizing to make sure nothing is actually 10px
414
+ /*
415
+ * Sets the default sizing to make sure nothing is actually 10px
416
416
  */
417
417
  body {
418
418
  font-size: 18px;
419
419
  font-size: 1.8rem;
420
420
  font-family: 'Open Sans', sans-serif;
421
421
  color: #313131;
422
- /*
423
- * Force Anti-aliasing
422
+ /*
423
+ * Force Anti-aliasing
424
424
  */
425
425
  -webkit-font-smoothing: antialiased; }
426
426
 
427
- /*
428
- * Voodoo to enable ligatures and kerning
427
+ /*
428
+ * Voodoo to enable ligatures and kerning
429
429
  */
430
430
  h1, h2, h3, h4, h5, h6 {
431
431
  margin-top: 0;
@@ -437,8 +437,8 @@ p {
437
437
  strong {
438
438
  font-weight: 600; }
439
439
 
440
- /*
441
- * Components styles (specific reusable module styles)
440
+ /*
441
+ * Components styles (specific reusable module styles)
442
442
  */
443
443
  h1 {
444
444
  background-color: #FFF;
@@ -572,8 +572,8 @@ nav {
572
572
  .social iframe {
573
573
  margin-right: 1rem; }
574
574
 
575
- /*
576
- * Layout styles (header, footer, sidebar, etc..)
575
+ /*
576
+ * Layout styles (header, footer, sidebar, etc..)
577
577
  */
578
578
  header {
579
579
  display: -webkit-flex;
@@ -602,8 +602,8 @@ header {
602
602
  margin-left: 0;
603
603
  margin-top: 2rem; } }
604
604
 
605
- /*
606
- * Page specific styles
605
+ /*
606
+ * Page specific styles
607
607
  */
608
608
  html, body {
609
609
  height: 100%; }
@@ -628,7 +628,7 @@ p a {
628
628
  background-image: linear-gradient(to top, #F3F3F3 0%, #FFF 100%);
629
629
  background-repeat: no-repeat; }
630
630
 
631
- /*
632
- * Hacks & Dirty shit :)
633
- */
631
+ /*
632
+ * Hacks & Dirty shit :)
633
+ */
634
634
  /*# sourceMappingURL=main.css.map */
@@ -1,38 +1,38 @@
1
- /*
2
- * Core styles for PriorityNav.js
3
- * These styles are not optional and should always be included
4
- *
5
- * Free to use under the MIT License.
6
- * http://twitter.com/GijsRoge
7
- */
8
- .priority-nav {
9
- white-space: nowrap;
10
- /*
11
- * Makes sure the menu's are inline-block so they don't take up
12
- * the entire width of its parent. This will break the plugin.
13
- */
14
- }
15
-
16
- .priority-nav ul {
17
- display: inline-block;
18
- }
19
-
20
- .priority-nav li {
21
- display: inline-block;
22
- }
23
-
24
- .priority-nav__wrapper {
25
- position: relative;
26
- }
27
-
28
- .priority-nav__dropdown {
29
- position: absolute;
30
- }
31
-
32
- .priority-nav-is-visible {
33
- visibility: visible;
34
- }
35
-
36
- .priority-nav-is-hidden {
37
- visibility: hidden;
38
- }
1
+ /*
2
+ * Core styles for PriorityNav.js
3
+ * These styles are not optional and should always be included
4
+ *
5
+ * Free to use under the MIT License.
6
+ * http://twitter.com/GijsRoge
7
+ */
8
+ .priority-nav {
9
+ white-space: nowrap;
10
+ /*
11
+ * Makes sure the menu's are inline-block so they don't take up
12
+ * the entire width of its parent. This will break the plugin.
13
+ */
14
+ }
15
+
16
+ .priority-nav ul {
17
+ display: inline-block;
18
+ }
19
+
20
+ .priority-nav li {
21
+ display: inline-block;
22
+ }
23
+
24
+ .priority-nav__wrapper {
25
+ position: relative;
26
+ }
27
+
28
+ .priority-nav__dropdown {
29
+ position: absolute;
30
+ }
31
+
32
+ .priority-nav-is-visible {
33
+ visibility: visible;
34
+ }
35
+
36
+ .priority-nav-is-hidden {
37
+ visibility: hidden;
38
+ }
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="9" height="5" viewBox="0 0 9 5">
2
- <defs>
3
- <style>
4
-
5
- .cls-2 {
6
- fill: #ffffff;
7
- }
8
- </style>
9
- </defs>
10
- <path d="M9.010,0.744 C9.010,0.744 4.744,5.010 4.744,5.010 C4.744,5.010 4.500,4.767 4.500,4.767 C4.500,4.767 4.256,5.010 4.256,5.010 C4.256,5.010 -0.010,0.744 -0.010,0.744 C-0.010,0.744 0.744,-0.010 0.744,-0.010 C0.744,-0.010 4.500,3.746 4.500,3.746 C4.500,3.746 8.256,-0.010 8.256,-0.010 C8.256,-0.010 9.010,0.744 9.010,0.744 Z" id="path-1" class="cls-2" fill-rule="evenodd"/>
11
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="9" height="5" viewBox="0 0 9 5">
2
+ <defs>
3
+ <style>
4
+
5
+ .cls-2 {
6
+ fill: #ffffff;
7
+ }
8
+ </style>
9
+ </defs>
10
+ <path d="M9.010,0.744 C9.010,0.744 4.744,5.010 4.744,5.010 C4.744,5.010 4.500,4.767 4.500,4.767 C4.500,4.767 4.256,5.010 4.256,5.010 C4.256,5.010 -0.010,0.744 -0.010,0.744 C-0.010,0.744 0.744,-0.010 0.744,-0.010 C0.744,-0.010 4.500,3.746 4.500,3.746 C4.500,3.746 8.256,-0.010 8.256,-0.010 C8.256,-0.010 9.010,0.744 9.010,0.744 Z" id="path-1" class="cls-2" fill-rule="evenodd"/>
11
+ </svg>