va_common 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -4
  3. data/app/assets/js/va_common_main.js +16 -1
  4. data/lib/va_common/version.rb +1 -1
  5. data/lib/va_common.rb +4 -0
  6. data/va_common.gemspec +15 -0
  7. metadata +200 -177
  8. data/app/assets/js/foundation/foundation.abide.js +0 -408
  9. data/app/assets/js/foundation/foundation.accordion.js +0 -88
  10. data/app/assets/js/foundation/foundation.alert.js +0 -43
  11. data/app/assets/js/foundation/foundation.clearing.js +0 -586
  12. data/app/assets/js/foundation/foundation.dropdown.js +0 -463
  13. data/app/assets/js/foundation/foundation.equalizer.js +0 -104
  14. data/app/assets/js/foundation/foundation.interchange.js +0 -359
  15. data/app/assets/js/foundation/foundation.joyride.js +0 -932
  16. data/app/assets/js/foundation/foundation.js +0 -725
  17. data/app/assets/js/foundation/foundation.magellan.js +0 -215
  18. data/app/assets/js/foundation/foundation.offcanvas.js +0 -152
  19. data/app/assets/js/foundation/foundation.orbit.js +0 -476
  20. data/app/assets/js/foundation/foundation.reveal.js +0 -498
  21. data/app/assets/js/foundation/foundation.slider.js +0 -281
  22. data/app/assets/js/foundation/foundation.tab.js +0 -249
  23. data/app/assets/js/foundation/foundation.tooltip.js +0 -339
  24. data/app/assets/js/foundation/foundation.topbar.js +0 -458
  25. data/app/assets/js/foundation.min.js +0 -6376
  26. data/app/assets/js/vendor/html5shiv.js +0 -8
  27. data/app/assets/js/vendor/jquery-1.11.0.min.js +0 -4
  28. data/app/assets/js/vendor/jquery.js +0 -9789
  29. data/app/assets/js/vendor/jquery.smooth-scroll.js +0 -255
  30. data/app/assets/js/vendor/jquery.stellar.js +0 -651
  31. data/app/assets/js/vendor/jquery.tipsy.js +0 -258
  32. data/app/assets/js/vendor/menu.js +0 -40
  33. data/app/assets/js/vendor/modernizr.custom.js +0 -4
  34. data/app/assets/js/vendor/respond.min.js +0 -6
  35. data/app/assets/js/vendor/selectivizr-1.0.3b.js +0 -560
  36. data/app/assets/js/vendor/tota11y.min.js +0 -28
  37. data/app/assets/js/vendor/wow.min.js +0 -2
  38. data/app/assets/stylesheets/foundation/_functions.scss +0 -146
  39. data/app/assets/stylesheets/foundation/_settings.scss +0 -1467
  40. data/app/assets/stylesheets/foundation/_variables.scss +0 -1286
  41. data/app/assets/stylesheets/foundation/components/_accordion.scss +0 -157
  42. data/app/assets/stylesheets/foundation/components/_alert-boxes.scss +0 -128
  43. data/app/assets/stylesheets/foundation/components/_block-grid.scss +0 -132
  44. data/app/assets/stylesheets/foundation/components/_breadcrumbs.scss +0 -132
  45. data/app/assets/stylesheets/foundation/components/_button-groups.scss +0 -200
  46. data/app/assets/stylesheets/foundation/components/_buttons.scss +0 -259
  47. data/app/assets/stylesheets/foundation/components/_clearing.scss +0 -256
  48. data/app/assets/stylesheets/foundation/components/_dropdown-buttons.scss +0 -131
  49. data/app/assets/stylesheets/foundation/components/_dropdown.scss +0 -262
  50. data/app/assets/stylesheets/foundation/components/_flex-video.scss +0 -51
  51. data/app/assets/stylesheets/foundation/components/_forms.scss +0 -570
  52. data/app/assets/stylesheets/foundation/components/_global.scss +0 -481
  53. data/app/assets/stylesheets/foundation/components/_grid.scss +0 -289
  54. data/app/assets/stylesheets/foundation/components/_icon-bar.scss +0 -358
  55. data/app/assets/stylesheets/foundation/components/_inline-lists.scss +0 -57
  56. data/app/assets/stylesheets/foundation/components/_joyride.scss +0 -222
  57. data/app/assets/stylesheets/foundation/components/_keystrokes.scss +0 -61
  58. data/app/assets/stylesheets/foundation/components/_labels.scss +0 -106
  59. data/app/assets/stylesheets/foundation/components/_magellan.scss +0 -34
  60. data/app/assets/stylesheets/foundation/components/_offcanvas.scss +0 -515
  61. data/app/assets/stylesheets/foundation/components/_orbit.scss +0 -368
  62. data/app/assets/stylesheets/foundation/components/_pagination.scss +0 -162
  63. data/app/assets/stylesheets/foundation/components/_panels.scss +0 -101
  64. data/app/assets/stylesheets/foundation/components/_pricing-tables.scss +0 -150
  65. data/app/assets/stylesheets/foundation/components/_progress-bars.scss +0 -79
  66. data/app/assets/stylesheets/foundation/components/_range-slider.scss +0 -169
  67. data/app/assets/stylesheets/foundation/components/_reveal.scss +0 -202
  68. data/app/assets/stylesheets/foundation/components/_side-nav.scss +0 -116
  69. data/app/assets/stylesheets/foundation/components/_split-buttons.scss +0 -199
  70. data/app/assets/stylesheets/foundation/components/_sub-nav.scss +0 -123
  71. data/app/assets/stylesheets/foundation/components/_switches.scss +0 -238
  72. data/app/assets/stylesheets/foundation/components/_tables.scss +0 -135
  73. data/app/assets/stylesheets/foundation/components/_tabs.scss +0 -123
  74. data/app/assets/stylesheets/foundation/components/_thumbs.scss +0 -66
  75. data/app/assets/stylesheets/foundation/components/_toolbar.scss +0 -70
  76. data/app/assets/stylesheets/foundation/components/_tooltips.scss +0 -142
  77. data/app/assets/stylesheets/foundation/components/_top-bar.scss +0 -691
  78. data/app/assets/stylesheets/foundation/components/_type.scss +0 -525
  79. data/app/assets/stylesheets/foundation/components/_visibility.scss +0 -408
  80. data/app/assets/stylesheets/lib/_normalize.scss +0 -427
  81. data/app/assets/stylesheets/lib/bourbon/_bourbon-deprecated-upcoming.scss +0 -411
  82. data/app/assets/stylesheets/lib/bourbon/_bourbon.scss +0 -87
  83. data/app/assets/stylesheets/lib/bourbon/addons/_border-color.scss +0 -26
  84. data/app/assets/stylesheets/lib/bourbon/addons/_border-radius.scss +0 -48
  85. data/app/assets/stylesheets/lib/bourbon/addons/_border-style.scss +0 -25
  86. data/app/assets/stylesheets/lib/bourbon/addons/_border-width.scss +0 -25
  87. data/app/assets/stylesheets/lib/bourbon/addons/_buttons.scss +0 -64
  88. data/app/assets/stylesheets/lib/bourbon/addons/_clearfix.scss +0 -25
  89. data/app/assets/stylesheets/lib/bourbon/addons/_ellipsis.scss +0 -30
  90. data/app/assets/stylesheets/lib/bourbon/addons/_font-stacks.scss +0 -31
  91. data/app/assets/stylesheets/lib/bourbon/addons/_hide-text.scss +0 -27
  92. data/app/assets/stylesheets/lib/bourbon/addons/_margin.scss +0 -26
  93. data/app/assets/stylesheets/lib/bourbon/addons/_padding.scss +0 -26
  94. data/app/assets/stylesheets/lib/bourbon/addons/_position.scss +0 -48
  95. data/app/assets/stylesheets/lib/bourbon/addons/_prefixer.scss +0 -66
  96. data/app/assets/stylesheets/lib/bourbon/addons/_retina-image.scss +0 -25
  97. data/app/assets/stylesheets/lib/bourbon/addons/_size.scss +0 -51
  98. data/app/assets/stylesheets/lib/bourbon/addons/_text-inputs.scss +0 -112
  99. data/app/assets/stylesheets/lib/bourbon/addons/_timing-functions.scss +0 -34
  100. data/app/assets/stylesheets/lib/bourbon/addons/_triangle.scss +0 -63
  101. data/app/assets/stylesheets/lib/bourbon/addons/_word-wrap.scss +0 -29
  102. data/app/assets/stylesheets/lib/bourbon/css3/_animation.scss +0 -43
  103. data/app/assets/stylesheets/lib/bourbon/css3/_appearance.scss +0 -3
  104. data/app/assets/stylesheets/lib/bourbon/css3/_backface-visibility.scss +0 -3
  105. data/app/assets/stylesheets/lib/bourbon/css3/_background-image.scss +0 -42
  106. data/app/assets/stylesheets/lib/bourbon/css3/_background.scss +0 -55
  107. data/app/assets/stylesheets/lib/bourbon/css3/_border-image.scss +0 -59
  108. data/app/assets/stylesheets/lib/bourbon/css3/_calc.scss +0 -4
  109. data/app/assets/stylesheets/lib/bourbon/css3/_columns.scss +0 -47
  110. data/app/assets/stylesheets/lib/bourbon/css3/_filter.scss +0 -4
  111. data/app/assets/stylesheets/lib/bourbon/css3/_flex-box.scss +0 -287
  112. data/app/assets/stylesheets/lib/bourbon/css3/_font-face.scss +0 -24
  113. data/app/assets/stylesheets/lib/bourbon/css3/_font-feature-settings.scss +0 -4
  114. data/app/assets/stylesheets/lib/bourbon/css3/_hidpi-media-query.scss +0 -10
  115. data/app/assets/stylesheets/lib/bourbon/css3/_hyphens.scss +0 -4
  116. data/app/assets/stylesheets/lib/bourbon/css3/_image-rendering.scss +0 -14
  117. data/app/assets/stylesheets/lib/bourbon/css3/_keyframes.scss +0 -36
  118. data/app/assets/stylesheets/lib/bourbon/css3/_linear-gradient.scss +0 -38
  119. data/app/assets/stylesheets/lib/bourbon/css3/_perspective.scss +0 -8
  120. data/app/assets/stylesheets/lib/bourbon/css3/_placeholder.scss +0 -8
  121. data/app/assets/stylesheets/lib/bourbon/css3/_radial-gradient.scss +0 -39
  122. data/app/assets/stylesheets/lib/bourbon/css3/_selection.scss +0 -42
  123. data/app/assets/stylesheets/lib/bourbon/css3/_text-decoration.scss +0 -19
  124. data/app/assets/stylesheets/lib/bourbon/css3/_transform.scss +0 -15
  125. data/app/assets/stylesheets/lib/bourbon/css3/_transition.scss +0 -71
  126. data/app/assets/stylesheets/lib/bourbon/css3/_user-select.scss +0 -3
  127. data/app/assets/stylesheets/lib/bourbon/functions/_assign-inputs.scss +0 -11
  128. data/app/assets/stylesheets/lib/bourbon/functions/_contains-falsy.scss +0 -20
  129. data/app/assets/stylesheets/lib/bourbon/functions/_contains.scss +0 -26
  130. data/app/assets/stylesheets/lib/bourbon/functions/_is-length.scss +0 -11
  131. data/app/assets/stylesheets/lib/bourbon/functions/_is-light.scss +0 -21
  132. data/app/assets/stylesheets/lib/bourbon/functions/_is-number.scss +0 -11
  133. data/app/assets/stylesheets/lib/bourbon/functions/_is-size.scss +0 -13
  134. data/app/assets/stylesheets/lib/bourbon/functions/_modular-scale.scss +0 -69
  135. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-em.scss +0 -13
  136. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-rem.scss +0 -15
  137. data/app/assets/stylesheets/lib/bourbon/functions/_shade.scss +0 -24
  138. data/app/assets/stylesheets/lib/bourbon/functions/_strip-units.scss +0 -17
  139. data/app/assets/stylesheets/lib/bourbon/functions/_tint.scss +0 -24
  140. data/app/assets/stylesheets/lib/bourbon/functions/_transition-property-name.scss +0 -22
  141. data/app/assets/stylesheets/lib/bourbon/functions/_unpack.scss +0 -27
  142. data/app/assets/stylesheets/lib/bourbon/helpers/_convert-units.scss +0 -21
  143. data/app/assets/stylesheets/lib/bourbon/helpers/_directional-values.scss +0 -96
  144. data/app/assets/stylesheets/lib/bourbon/helpers/_font-source-declaration.scss +0 -43
  145. data/app/assets/stylesheets/lib/bourbon/helpers/_gradient-positions-parser.scss +0 -13
  146. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-angle-parser.scss +0 -25
  147. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-gradient-parser.scss +0 -41
  148. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-positions-parser.scss +0 -61
  149. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-side-corner-parser.scss +0 -31
  150. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-arg-parser.scss +0 -69
  151. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-gradient-parser.scss +0 -50
  152. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-positions-parser.scss +0 -18
  153. data/app/assets/stylesheets/lib/bourbon/helpers/_render-gradients.scss +0 -26
  154. data/app/assets/stylesheets/lib/bourbon/helpers/_shape-size-stripper.scss +0 -10
  155. data/app/assets/stylesheets/lib/bourbon/helpers/_str-to-num.scss +0 -50
  156. data/app/assets/stylesheets/lib/bourbon/settings/_asset-pipeline.scss +0 -7
  157. data/app/assets/stylesheets/lib/bourbon/settings/_prefixer.scss +0 -9
  158. data/app/assets/stylesheets/lib/bourbon/settings/_px-to-em.scss +0 -1
  159. data/app/assets/stylesheets/lib/neat/_neat-helpers.scss +0 -8
  160. data/app/assets/stylesheets/lib/neat/_neat.scss +0 -23
  161. data/app/assets/stylesheets/lib/neat/functions/_new-breakpoint.scss +0 -49
  162. data/app/assets/stylesheets/lib/neat/functions/_private.scss +0 -114
  163. data/app/assets/stylesheets/lib/neat/grid/_box-sizing.scss +0 -15
  164. data/app/assets/stylesheets/lib/neat/grid/_direction-context.scss +0 -33
  165. data/app/assets/stylesheets/lib/neat/grid/_display-context.scss +0 -28
  166. data/app/assets/stylesheets/lib/neat/grid/_fill-parent.scss +0 -22
  167. data/app/assets/stylesheets/lib/neat/grid/_media.scss +0 -92
  168. data/app/assets/stylesheets/lib/neat/grid/_omega.scss +0 -87
  169. data/app/assets/stylesheets/lib/neat/grid/_outer-container.scss +0 -38
  170. data/app/assets/stylesheets/lib/neat/grid/_pad.scss +0 -25
  171. data/app/assets/stylesheets/lib/neat/grid/_private.scss +0 -35
  172. data/app/assets/stylesheets/lib/neat/grid/_row.scss +0 -52
  173. data/app/assets/stylesheets/lib/neat/grid/_shift.scss +0 -50
  174. data/app/assets/stylesheets/lib/neat/grid/_span-columns.scss +0 -94
  175. data/app/assets/stylesheets/lib/neat/grid/_to-deprecate.scss +0 -97
  176. data/app/assets/stylesheets/lib/neat/grid/_visual-grid.scss +0 -42
  177. data/app/assets/stylesheets/lib/neat/settings/_disable-warnings.scss +0 -13
  178. data/app/assets/stylesheets/lib/neat/settings/_grid.scss +0 -51
  179. data/app/assets/stylesheets/lib/neat/settings/_visual-grid.scss +0 -27
  180. data/app/assets/stylesheets/va_common_main.css.scss +0 -18
  181. /data/app/assets/js/{vendor/scroll-settings.js → scroll-settings.js} +0 -0
  182. /data/app/assets/js/{vendor/stellar-settings.js → stellar-settings.js} +0 -0
@@ -1,131 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-button-classes: $include-html-classes !default;
11
-
12
- // We use these to set the color of the pip in dropdown buttons
13
- $dropdown-button-pip-color: $white !default;
14
- $dropdown-button-pip-color-alt: $oil !default;
15
-
16
- // We use these to set the size of the pip in dropdown buttons
17
- $button-pip-tny: rem-calc(6) !default;
18
- $button-pip-sml: rem-calc(7) !default;
19
- $button-pip-med: rem-calc(9) !default;
20
- $button-pip-lrg: rem-calc(11) !default;
21
-
22
- // We use these to style tiny dropdown buttons
23
- $dropdown-button-padding-tny: $button-pip-tny * 7 !default;
24
- $dropdown-button-pip-size-tny: $button-pip-tny !default;
25
- $dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;
26
- $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default;
27
-
28
- // We use these to style small dropdown buttons
29
- $dropdown-button-padding-sml: $button-pip-sml * 7 !default;
30
- $dropdown-button-pip-size-sml: $button-pip-sml !default;
31
- $dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;
32
- $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default;
33
-
34
- // We use these to style medium dropdown buttons
35
- $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;
36
- $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;
37
- $dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;
38
- $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default;
39
-
40
- // We use these to style large dropdown buttons
41
- $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;
42
- $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;
43
- $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;
44
- $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;
45
-
46
- // @mixins
47
- //
48
- // Dropdown Button Mixin
49
- //
50
- // We use this mixin to build off of the button mixin and add dropdown button styles
51
- //
52
- // $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]
53
- // $pip-color - Color of the little triangle that points to the dropdown. Default: $white.
54
- // $base-style - Add in base-styles. This can be set to false. Default:true
55
-
56
- @mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) {
57
-
58
- // We add in base styles, but they can be negated by setting to 'false'.
59
- @if $base-style {
60
- position: relative;
61
- outline: none;
62
-
63
- // This creates the base styles for the triangle pip
64
- &::after {
65
- position: absolute;
66
- content: "";
67
- width: 0;
68
- height: 0;
69
- display: block;
70
- border-style: solid;
71
- border-color: $dropdown-button-pip-color transparent transparent transparent;
72
- top: 50%;
73
- }
74
- }
75
-
76
- // If we're dealing with tiny buttons, use these styles
77
- @if $padding == tiny {
78
- padding-#{$opposite-direction}: $dropdown-button-padding-tny;
79
- &:after {
80
- border-width: $dropdown-button-pip-size-tny;
81
- #{$opposite-direction}: $dropdown-button-pip-opposite-tny;
82
- margin-top: $dropdown-button-pip-top-tny;
83
- }
84
- }
85
-
86
- // If we're dealing with small buttons, use these styles
87
- @if $padding == small {
88
- padding-#{$opposite-direction}: $dropdown-button-padding-sml;
89
- &::after {
90
- border-width: $dropdown-button-pip-size-sml;
91
- #{$opposite-direction}: $dropdown-button-pip-opposite-sml;
92
- margin-top: $dropdown-button-pip-top-sml;
93
- }
94
- }
95
-
96
- // If we're dealing with default (medium) buttons, use these styles
97
- @if $padding == medium {
98
- padding-#{$opposite-direction}: $dropdown-button-padding-med;
99
- &::after {
100
- border-width: $dropdown-button-pip-size-med;
101
- #{$opposite-direction}: $dropdown-button-pip-opposite-med;
102
- margin-top: $dropdown-button-pip-top-med;
103
- }
104
- }
105
-
106
- // If we're dealing with large buttons, use these styles
107
- @if $padding == large {
108
- padding-#{$opposite-direction}: $dropdown-button-padding-lrg;
109
- &::after {
110
- border-width: $dropdown-button-pip-size-lrg;
111
- #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;
112
- margin-top: $dropdown-button-pip-top-lrg;
113
- }
114
- }
115
-
116
- // We can control the pip color. We didn't use logic in this case, just set it and forget it.
117
- @if $pip-color {
118
- &::after { border-color: $pip-color transparent transparent transparent; }
119
- }
120
- }
121
-
122
- @include exports("dropdown-button") {
123
- @if $include-html-button-classes {
124
- .dropdown.button, button.dropdown { @include dropdown-button;
125
- &.tiny { @include dropdown-button(tiny,$base-style:false); }
126
- &.small { @include dropdown-button(small,$base-style:false); }
127
- &.large { @include dropdown-button(large,$base-style:false); }
128
- &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }
129
- }
130
- }
131
- }
@@ -1,262 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-dropdown-classes: $include-html-classes !default;
11
-
12
- // We use these to controls height and width styles.
13
- $f-dropdown-max-width: 200px !default;
14
- $f-dropdown-height: auto !default;
15
- $f-dropdown-max-height: none !default;
16
-
17
- // Used for bottom position
18
- $f-dropdown-margin-top: 2px !default;
19
-
20
- // Used for right position
21
- $f-dropdown-margin-left: $f-dropdown-margin-top !default;
22
-
23
- // Used for left position
24
- $f-dropdown-margin-right: $f-dropdown-margin-top !default;
25
-
26
- // Used for top position
27
- $f-dropdown-margin-bottom: $f-dropdown-margin-top !default;
28
-
29
- // We use this to control the background color
30
- $f-dropdown-bg: $white !default;
31
-
32
- // We use this to set the border styles for dropdowns.
33
- $f-dropdown-border-style: solid !default;
34
- $f-dropdown-border-width: 1px !default;
35
- $f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;
36
-
37
- // We use these to style the triangle pip.
38
- $f-dropdown-triangle-size: 6px !default;
39
- $f-dropdown-triangle-color: $white !default;
40
- $f-dropdown-triangle-side-offset: 10px !default;
41
-
42
- // We use these to control styles for the list elements.
43
- $f-dropdown-list-style: none !default;
44
- $f-dropdown-font-color: $charcoal !default;
45
- $f-dropdown-font-size: rem-calc(14) !default;
46
- $f-dropdown-list-padding: rem-calc(5, 10) !default;
47
- $f-dropdown-line-height: rem-calc(18) !default;
48
- $f-dropdown-list-hover-bg: $smoke !default;
49
- $dropdown-mobile-default-float: 0 !default;
50
-
51
- // We use this to control the styles for when the dropdown has custom content.
52
- $f-dropdown-content-padding: rem-calc(20) !default;
53
-
54
- // Default radius for dropdown.
55
- $f-dropdown-radius: $global-radius !default;
56
-
57
- //
58
- // @mixins
59
- //
60
- //
61
- // NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;
62
- // We use this to style the dropdown container element.
63
- // $content-list - Sets list-style. Default: list. Options: [list, content]
64
- // $triangle - Sets if dropdown has triangle. Default:true.
65
- // $max-width - Default: $f-dropdown-max-width || 200px.
66
- @mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {
67
- position: absolute;
68
- left: -9999px;
69
- list-style: $f-dropdown-list-style;
70
- margin-#{$default-float}: 0;
71
- outline: none;
72
-
73
- > *:first-child { margin-top: 0; }
74
- > *:last-child { margin-bottom: 0; }
75
-
76
- @if $content == list {
77
- width: 100%;
78
- max-height: $f-dropdown-max-height;
79
- height: $f-dropdown-height;
80
- background: $f-dropdown-bg;
81
- border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
82
- font-size: $f-dropdown-font-size;
83
- z-index: 89;
84
- }
85
- @else if $content == content {
86
- padding: $f-dropdown-content-padding;
87
- width: 100%;
88
- height: $f-dropdown-height;
89
- max-height: $f-dropdown-max-height;
90
- background: $f-dropdown-bg;
91
- border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
92
- font-size: $f-dropdown-font-size;
93
- z-index: 89;
94
- }
95
-
96
- @if $triangle == bottom {
97
- margin-top: $f-dropdown-margin-top;
98
-
99
- &:before {
100
- @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
101
- position: absolute;
102
- top: -($f-dropdown-triangle-size * 2);
103
- #{$default-float}: $f-dropdown-triangle-side-offset;
104
- z-index: 89;
105
- }
106
- &:after {
107
- @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);
108
- position: absolute;
109
- top: -(($f-dropdown-triangle-size + 1) * 2);
110
- #{$default-float}: $f-dropdown-triangle-side-offset - 1;
111
- z-index: 88;
112
- }
113
-
114
- &.right:before {
115
- #{$default-float}: auto;
116
- #{$opposite-direction}: $f-dropdown-triangle-side-offset;
117
- }
118
- &.right:after {
119
- #{$default-float}: auto;
120
- #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;
121
- }
122
- }
123
-
124
- @if $triangle == $default-float {
125
- margin-top: 0;
126
- margin-#{$default-float}: $f-dropdown-margin-right;
127
-
128
- &:before {
129
- @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});
130
- position: absolute;
131
- top: $f-dropdown-triangle-side-offset;
132
- #{$default-float}: -($f-dropdown-triangle-size * 2);
133
- z-index: 89;
134
- }
135
- &:after {
136
- @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});
137
- position: absolute;
138
- top: $f-dropdown-triangle-side-offset - 1;
139
- #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;
140
- z-index: 88;
141
- }
142
-
143
- }
144
-
145
- @if $triangle == $opposite-direction {
146
- margin-top: 0;
147
- margin-#{$default-float}: -$f-dropdown-margin-right;
148
-
149
- &:before {
150
- @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});
151
- position: absolute;
152
- top: $f-dropdown-triangle-side-offset;
153
- #{$opposite-direction}: -($f-dropdown-triangle-size * 2);
154
- #{$default-float}: auto;
155
- z-index: 89;
156
- }
157
- &:after {
158
- @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});
159
- position: absolute;
160
- top: $f-dropdown-triangle-side-offset - 1;
161
- #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;
162
- #{$default-float}: auto;
163
- z-index: 88;
164
- }
165
-
166
- }
167
-
168
- @if $triangle == top {
169
- margin-top: -$f-dropdown-margin-bottom;
170
- margin-left: 0;
171
-
172
- &:before {
173
- @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);
174
- position: absolute;
175
- top: auto;
176
- bottom: -($f-dropdown-triangle-size * 2);
177
- #{$default-float}: $f-dropdown-triangle-side-offset;
178
- #{$opposite-direction}: auto;
179
- z-index: 89;
180
- }
181
- &:after {
182
- @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);
183
- position: absolute;
184
- top: auto;
185
- bottom: -($f-dropdown-triangle-size * 2) - 2;
186
- #{$default-float}: $f-dropdown-triangle-side-offset - 1;
187
- #{$opposite-direction}: auto;
188
- z-index: 88;
189
- }
190
-
191
- }
192
-
193
- @if $max-width { max-width: $max-width; }
194
- @else { max-width: $f-dropdown-max-width; }
195
-
196
- }
197
-
198
- // @MIXIN
199
- //
200
- // We use this to style the list elements or content inside the dropdown.
201
-
202
- @mixin dropdown-style {
203
- font-size: $f-dropdown-font-size;
204
- cursor: $cursor-pointer-value;
205
-
206
- line-height: $f-dropdown-line-height;
207
- margin: 0;
208
-
209
- &:hover,
210
- &:focus { background: $f-dropdown-list-hover-bg; }
211
-
212
- &.radius { @include radius($f-dropdown-radius); }
213
-
214
- a {
215
- display: block;
216
- padding: $f-dropdown-list-padding;
217
- color: $f-dropdown-font-color;
218
- }
219
- }
220
-
221
- @include exports("dropdown") {
222
- @if $include-html-dropdown-classes {
223
-
224
- /* Foundation Dropdowns */
225
- .f-dropdown {
226
- @include dropdown-container(list, bottom);
227
-
228
- &.drop-#{$opposite-direction} {
229
- @include dropdown-container(list, #{$default-float});
230
- }
231
-
232
- &.drop-#{$default-float} {
233
- @include dropdown-container(list, #{$opposite-direction});
234
- }
235
-
236
- &.drop-top {
237
- @include dropdown-container(list, top);
238
- }
239
- // max-width: none;
240
-
241
- li { @include dropdown-style; }
242
-
243
- // You can also put custom content in these dropdowns
244
- &.content { @include dropdown-container(content, $triangle:false); }
245
-
246
- // Sizes
247
- &.tiny { max-width: 200px; }
248
- &.small { max-width: 300px; }
249
- &.medium { max-width: 500px; }
250
- &.large { max-width: 800px; }
251
- &.mega {
252
- width:100%!important;
253
- max-width:100%!important;
254
-
255
- &.open{
256
- left:0!important;
257
- }
258
- }
259
- }
260
-
261
- }
262
- }
@@ -1,51 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-media-classes: $include-html-classes !default;
11
-
12
- // We use these to control video container padding and margins
13
- $flex-video-padding-top: rem-calc(25) !default;
14
- $flex-video-padding-bottom: 67.5% !default;
15
- $flex-video-margin-bottom: rem-calc(16) !default;
16
-
17
- // We use this to control widescreen bottom padding
18
- $flex-video-widescreen-padding-bottom: 56.34% !default;
19
-
20
- //
21
- // @mixins
22
- //
23
-
24
- @mixin flex-video-container {
25
- position: relative;
26
- padding-top: $flex-video-padding-top;
27
- padding-bottom: $flex-video-padding-bottom;
28
- height: 0;
29
- margin-bottom: $flex-video-margin-bottom;
30
- overflow: hidden;
31
-
32
- &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }
33
- &.vimeo { padding-top: 0; }
34
-
35
- iframe,
36
- object,
37
- embed,
38
- video {
39
- position: absolute;
40
- top: 0;
41
- #{$default-float}: 0;
42
- width: 100%;
43
- height: 100%;
44
- }
45
- }
46
-
47
- @include exports("flex-video") {
48
- @if $include-html-media-classes {
49
- .flex-video { @include flex-video-container; }
50
- }
51
- }