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,515 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
- @import "type";
7
-
8
- // Off Canvas Tab Bar Variables
9
- $include-html-off-canvas-classes: $include-html-classes !default;
10
-
11
- $tabbar-bg: $oil !default;
12
- $tabbar-height: rem-calc(45) !default;
13
- $tabbar-icon-width: $tabbar-height !default;
14
- $tabbar-line-height: $tabbar-height !default;
15
- $tabbar-color: $white !default;
16
- $tabbar-middle-padding: 0 rem-calc(10) !default;
17
-
18
- // Off Canvas Divider Styles
19
- $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default;
20
- $tabbar-right-section-border: $tabbar-left-section-border;
21
-
22
-
23
- // Off Canvas Tab Bar Headers
24
- $tabbar-header-color: $white !default;
25
- $tabbar-header-weight: $font-weight-bold !default;
26
- $tabbar-header-line-height: $tabbar-height !default;
27
- $tabbar-header-margin: 0 !default;
28
-
29
- // Off Canvas Menu Variables
30
- $off-canvas-width: rem-calc(250) !default;
31
- $off-canvas-bg: $oil !default;
32
- $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default;
33
-
34
- // Off Canvas Menu List Variables
35
- $off-canvas-label-padding: 0.3rem rem-calc(15) !default;
36
- $off-canvas-label-color: $aluminum !default;
37
- $off-canvas-label-text-transform: uppercase !default;
38
- $off-canvas-label-font-size: rem-calc(12) !default;
39
- $off-canvas-label-font-weight: $font-weight-bold !default;
40
- $off-canvas-label-bg: $tuatara !default;
41
- $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
42
- $off-canvas-label-border-bottom: none !default;
43
- $off-canvas-label-margin:0 !default;
44
- $off-canvas-link-padding: rem-calc(10, 15) !default;
45
- $off-canvas-link-color: rgba($white, 0.7) !default;
46
- $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
47
- $off-canvas-back-bg: #444 !default;
48
- $off-canvas-back-border-top: $off-canvas-label-border-top !default;
49
- $off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default;
50
- $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default;
51
- $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
52
- $off-canvas-back-hover-border-bottom: none !default;
53
-
54
- // Off Canvas Menu Icon Variables
55
- $tabbar-menu-icon-color: $white !default;
56
- $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default;
57
-
58
- $tabbar-menu-icon-text-indent: rem-calc(35) !default;
59
- $tabbar-menu-icon-width: $tabbar-icon-width !default;
60
- $tabbar-menu-icon-height: $tabbar-height !default;
61
- $tabbar-menu-icon-padding: 0 !default;
62
-
63
- $tabbar-hamburger-icon-width: rem-calc(16) !default;
64
- $tabbar-hamburger-icon-left: false !default;
65
- $tabbar-hamburger-icon-top: false !default;
66
- $tabbar-hamburger-icon-thickness: 1px !default;
67
- $tabbar-hamburger-icon-gap: 6px !default;
68
-
69
- // Off Canvas Back-Link Overlay
70
- $off-canvas-overlay-transition: background 300ms ease !default;
71
- $off-canvas-overlay-cursor: pointer !default;
72
- $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default;
73
- $off-canvas-overlay-background: rgba($white, 0.2) !default;
74
- $off-canvas-overlay-background-hover: rgba($white, 0.05) !default;
75
-
76
- // Transition Variables
77
- $menu-slide: "transform 500ms ease" !default;
78
-
79
-
80
- // MIXINS
81
- // Remove transition flicker on phones
82
- @mixin kill-flicker {
83
- // -webkit-transform: translateZ(0x);
84
- -webkit-backface-visibility: hidden;
85
- }
86
-
87
- // Basic properties for the content wraps
88
- @mixin wrap-base {
89
- position: relative;
90
- width: 100%;
91
- }
92
-
93
- @mixin translate3d($tx,$ty,$tz) {
94
- -ms-transform: translate($tx,$ty);
95
- -webkit-transform: translate3d($tx,$ty,$tz);
96
- -moz-transform: translate3d($tx,$ty,$tz);
97
- -ms-transform: translate3d($tx,$ty,$tz);
98
- -o-transform: translate3d($tx,$ty,$tz);
99
- transform: translate3d($tx,$ty,$tz)
100
- }
101
-
102
- // basic styles for off-canvas menu container
103
- @mixin off-canvas-menu($position) {
104
- @include kill-flicker;
105
- * { @include kill-flicker; }
106
- width: $off-canvas-width;
107
- top: 0;
108
- bottom: 0;
109
- position: absolute;
110
- overflow-x: hidden;
111
- overflow-y: auto;
112
- background: $off-canvas-bg;
113
- z-index: 1001;
114
- box-sizing: content-box;
115
- transition: transform 500ms ease 0s;
116
- -webkit-overflow-scrolling: touch;
117
- -ms-overflow-style: -ms-autohiding-scrollbar;
118
-
119
- @if $position == left {
120
- @include translate3d(-100%,0,0);
121
- left: 0;
122
- }
123
- @if $position == right {
124
- @include translate3d(100%,0,0);
125
- right: 0;
126
- }
127
- }
128
-
129
- // OFF CANVAS WRAP
130
- // Wrap visible content and prevent scroll bars
131
- @mixin off-canvas-wrap {
132
- @include kill-flicker;
133
- @include wrap-base;
134
- overflow: hidden;
135
- &.move-right,
136
- &.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; }
137
- }
138
-
139
- // INNER WRAP
140
- // Main content area that moves to reveal the off-canvas nav
141
- @mixin inner-wrap {
142
- // @include kill-flicker;
143
- // removed for now till chrome fixes backface issue
144
- @include wrap-base;
145
- @include clearfix;
146
- -webkit-transition: -webkit-#{$menu-slide};
147
- -moz-transition: -moz-#{$menu-slide};
148
- -ms-transition: -ms-#{$menu-slide};
149
- -o-transition: -o-#{$menu-slide};
150
- transition: #{$menu-slide};
151
- }
152
-
153
- // TAB BAR
154
- // This is the tab bar base
155
- @mixin tab-bar-base {
156
- @include kill-flicker;
157
-
158
- // base styles
159
- background: $tabbar-bg;
160
- color: $tabbar-color;
161
- height: $tabbar-height;
162
- line-height: $tabbar-line-height;
163
-
164
- // make sure it's below the .exit-off-canvas link
165
- position: relative;
166
- // z-index: 999;
167
-
168
- // Typography
169
- h1,h2,h3,h4,h5,h6 {
170
- color: $tabbar-header-color;
171
- font-weight: $tabbar-header-weight;
172
- line-height: $tabbar-header-line-height;
173
- margin: $tabbar-header-margin;
174
- }
175
- h1,h2,h3,h4 { font-size: $h5-font-size; }
176
- }
177
-
178
- // SMALL SECTIONS
179
- // These are small sections on the left and right that contain the off-canvas toggle buttons;
180
- @mixin tabbar-small-section($position) {
181
- width: $tabbar-icon-width;
182
- height: $tabbar-height;
183
- position: absolute;
184
- top: 0;
185
- @if $position == left {
186
- border-right: $tabbar-left-section-border;
187
- // box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%);
188
- left: 0;
189
- }
190
- @if $position == right {
191
- border-left: $tabbar-right-section-border;
192
- // box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%);
193
- right:0;
194
- }
195
- }
196
-
197
- @mixin tab-bar-section {
198
- padding: $tabbar-middle-padding;
199
- position: absolute;
200
- text-align: center;
201
- height: $tabbar-height;
202
- top: 0;
203
- @media #{$medium-up} {
204
- &.left { text-align: left; }
205
- &.right { text-align: right; }
206
- }
207
-
208
- // still need to make these non-presentational
209
- &.left {
210
- left: 0;
211
- right: $tabbar-icon-width;
212
- }
213
- &.right {
214
- left: $tabbar-icon-width;
215
- right: 0;
216
- }
217
- &.middle {
218
- left: $tabbar-icon-width;
219
- right: $tabbar-icon-width;
220
- }
221
- }
222
-
223
- // OFF CANVAS LIST
224
- // This is the list of links in the off-canvas menu
225
- @mixin off-canvas-list {
226
- list-style-type: none;
227
- padding:0;
228
- margin:0;
229
-
230
- li {
231
- label {
232
- display: block;
233
- padding: $off-canvas-label-padding;
234
- color: $off-canvas-label-color;
235
- text-transform: $off-canvas-label-text-transform;
236
- font-size: $off-canvas-label-font-size;
237
- font-weight: $off-canvas-label-font-weight;
238
- background: $off-canvas-label-bg;
239
- border-top: $off-canvas-label-border-top;
240
- border-bottom: $off-canvas-label-border-bottom;
241
- margin: $off-canvas-label-margin;
242
- }
243
- a {
244
- display: block;
245
- padding: $off-canvas-link-padding;
246
- color: $off-canvas-link-color;
247
- border-bottom: $off-canvas-link-border-bottom;
248
- transition: background 300ms ease;
249
- &:hover {
250
- background: $off-canvas-bg-hover;
251
- }
252
- }
253
- }
254
-
255
- }
256
-
257
- // BACK LINK
258
- // This is an overlay that, when clicked, will toggle off the off canvas menu
259
- @mixin back-link {
260
- @include kill-flicker;
261
-
262
- transition: $off-canvas-overlay-transition;
263
- cursor: $off-canvas-overlay-cursor;
264
- box-shadow: $off-canvas-overlay-box-shadow;
265
-
266
- // fill the screen
267
- display: block;
268
- position: absolute;
269
- background: $off-canvas-overlay-background;
270
- top: 0;
271
- bottom: 0;
272
- left:0;
273
- right:0;
274
- z-index: 1002;
275
- -webkit-tap-highlight-color: rgba(0,0,0,0);
276
-
277
- @media #{$medium-up} {
278
- &:hover {
279
- background: $off-canvas-overlay-background-hover;
280
- }
281
- }
282
- }
283
-
284
- //
285
- // DEFAULT CLASSES
286
- //
287
- @include exports("offcanvas") {
288
- @if $include-html-off-canvas-classes {
289
-
290
- .off-canvas-wrap { @include off-canvas-wrap; }
291
- .inner-wrap { @include inner-wrap; }
292
-
293
- .tab-bar { @include tab-bar-base; }
294
-
295
- .left-small { @include tabbar-small-section($position: left); }
296
- .right-small { @include tabbar-small-section($position: right); }
297
-
298
- .tab-bar-section { @include tab-bar-section; }
299
-
300
- // MENU BUTTON
301
- // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future.
302
- .tab-bar .menu-icon {
303
- text-indent: $tabbar-menu-icon-text-indent;
304
- width: $tabbar-menu-icon-width;
305
- height: $tabbar-menu-icon-height;
306
- display: block;
307
- padding: $tabbar-menu-icon-padding;
308
- color: $tabbar-menu-icon-color;
309
- position: relative;
310
- transform: translate3d(0,0,0);
311
-
312
- // @include for the hamburger menu-icon
313
- //
314
- // Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color)
315
- // $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width.
316
- // $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False
317
- // $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False
318
- // $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px
319
- // $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px
320
- // $color - icon color Default: $tabbar-menu-icon-color
321
- // $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover
322
- // $offcanvas - Set to true
323
- @include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true)
324
- }
325
-
326
- .left-off-canvas-menu { @include off-canvas-menu($position: left); }
327
- .right-off-canvas-menu { @include off-canvas-menu($position: right); }
328
-
329
- ul.off-canvas-list { @include off-canvas-list; }
330
-
331
-
332
- // ANIMATION CLASSES
333
- // These classes are added with JS and trigger the actual animation.
334
- .move-right {
335
- > .inner-wrap {
336
- @include translate3d($off-canvas-width,0,0);
337
- }
338
- .exit-off-canvas { @include back-link;}
339
- }
340
-
341
- .move-left {
342
- > .inner-wrap {
343
- @include translate3d(-($off-canvas-width),0,0);
344
-
345
- }
346
- .exit-off-canvas { @include back-link; }
347
- }
348
- .offcanvas-overlap {
349
- .left-off-canvas-menu, .right-off-canvas-menu {
350
- -ms-transform: none;
351
- -webkit-transform: none;
352
- -moz-transform: none;
353
- -o-transform: none;
354
- transform: none;
355
- z-index: 1003;
356
- }
357
- .exit-off-canvas { @include back-link; }
358
- }
359
- .offcanvas-overlap-left {
360
- .right-off-canvas-menu {
361
- -ms-transform: none;
362
- -webkit-transform: none;
363
- -moz-transform: none;
364
- -o-transform: none;
365
- transform: none;
366
- z-index: 1003;
367
- }
368
- .exit-off-canvas { @include back-link; }
369
- }
370
- .offcanvas-overlap-right {
371
- .left-off-canvas-menu {
372
- -ms-transform: none;
373
- -webkit-transform: none;
374
- -moz-transform: none;
375
- -o-transform: none;
376
- transform: none;
377
- z-index: 1003;
378
- }
379
- .exit-off-canvas { @include back-link; }
380
- }
381
-
382
- // Older browsers
383
- .no-csstransforms {
384
- .left-off-canvas-menu { left: -($off-canvas-width); }
385
- .right-off-canvas-menu { right: -($off-canvas-width); }
386
-
387
- .move-left > .inner-wrap { right: $off-canvas-width; }
388
- .move-right > .inner-wrap { left: $off-canvas-width; }
389
- }
390
-
391
- }
392
- }
393
-
394
- //
395
- // Off-Canvas Submenu Classes
396
- //
397
- @mixin off-canvas-submenu($position) {
398
- @include kill-flicker;
399
- * { @include kill-flicker; }
400
- width: $off-canvas-width;
401
- top: 0;
402
- bottom: 0;
403
- position: absolute;
404
- margin: 0;
405
- overflow-x: hidden;
406
- overflow-y: auto;
407
- background: $off-canvas-bg;
408
- z-index: 1002;
409
- box-sizing: content-box;
410
- -webkit-overflow-scrolling: touch;
411
- @if $position == left {
412
- @include translate3d(-100%,0,0);
413
- left: 0;
414
- }
415
- @if $position == right {
416
- @include translate3d(100%,0,0);
417
- right: 0;
418
- }
419
- -webkit-transition: -webkit-#{$menu-slide};
420
- -moz-transition: -moz-#{$menu-slide};
421
- -ms-transition: -ms-#{$menu-slide};
422
- -o-transition: -o-#{$menu-slide};
423
- transition: #{$menu-slide};
424
-
425
- //back button style like label
426
- .back > a {
427
- padding: $off-canvas-label-padding;
428
- color: $off-canvas-label-color;
429
- text-transform: $off-canvas-label-text-transform;
430
- font-weight: $off-canvas-label-font-weight;
431
- background: $off-canvas-back-bg;
432
- border-top: $off-canvas-back-border-top;
433
- border-bottom: $off-canvas-back-border-bottom;
434
- &:hover {
435
- background: $off-canvas-back-hover-bg;
436
- border-top: $off-canvas-back-hover-border-top;
437
- border-bottom: $off-canvas-back-hover-border-bottom;
438
- }
439
- margin: $off-canvas-label-margin;
440
- @if $position == right {
441
- @if $text-direction == rtl {
442
- &:before {
443
- @include icon-double-arrows($position: left);
444
- }
445
- } @else {
446
- &:after {
447
- @include icon-double-arrows($position: right);
448
- }
449
- }
450
- }
451
- @if $position == left {
452
- @if $text-direction == rtl {
453
- &:after {
454
- @include icon-double-arrows($position: right);
455
- }
456
- } @else {
457
- &:before {
458
- @include icon-double-arrows($position: left);
459
- }
460
- }
461
- }
462
- }
463
- }
464
- //Left double angle quote or Right double angle quote chars
465
- @mixin icon-double-arrows ($position){
466
- @if $position == left {
467
- content: "\AB";
468
- @if $text-direction == rtl {
469
- margin-left: 0.5rem;
470
- } @else {
471
- margin-right: 0.5rem;
472
- }
473
- }
474
- @if $position == right {
475
- content: "\BB";
476
- @if $text-direction == rtl {
477
- margin-right: 0.5rem;
478
- } @else {
479
- margin-left: 0.5rem;
480
- }
481
- }
482
- display: inline;
483
- }
484
-
485
- @if $include-html-off-canvas-classes {
486
- .left-submenu {
487
- @include off-canvas-submenu($position: left);
488
- &.move-right, &.offcanvas-overlap-right, &.offcanvas-overlap {
489
- @include translate3d(0%,0,0);
490
- }
491
- }
492
-
493
- .right-submenu {
494
- @include off-canvas-submenu($position: right);
495
- &.move-left, &.offcanvas-overlap-left, &.offcanvas-overlap {
496
- @include translate3d(0%,0,0);
497
- }
498
- }
499
-
500
- @if $text-direction == rtl {
501
- .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
502
- @include icon-double-arrows($position: left);
503
- }
504
- .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
505
- @include icon-double-arrows($position: right);
506
- }
507
- } @else {
508
- .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
509
- @include icon-double-arrows($position: right);
510
- }
511
- .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
512
- @include icon-double-arrows($position: left);
513
- }
514
- }
515
- }