foundation-rails 5.0.3.1 → 5.1.0.1
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.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/README.md +6 -2
- data/bower.json +7 -0
- data/lib/foundation/rails/version.rb +1 -1
- data/update-gem.sh +13 -0
- data/vendor/assets/javascripts/foundation.js +2 -1
- data/vendor/assets/javascripts/foundation/foundation.abide.js +67 -33
- data/vendor/assets/javascripts/foundation/foundation.accordion.js +19 -11
- data/vendor/assets/javascripts/foundation/foundation.alert.js +8 -5
- data/vendor/assets/javascripts/foundation/foundation.clearing.js +74 -52
- data/vendor/assets/javascripts/foundation/foundation.dropdown.js +52 -46
- data/vendor/assets/javascripts/foundation/foundation.equalizer.js +63 -0
- data/vendor/assets/javascripts/foundation/foundation.interchange.js +47 -26
- data/vendor/assets/javascripts/foundation/foundation.joyride.js +42 -36
- data/vendor/assets/javascripts/foundation/foundation.js +286 -118
- data/vendor/assets/javascripts/foundation/foundation.magellan.js +139 -98
- data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +8 -6
- data/vendor/assets/javascripts/foundation/foundation.orbit.js +29 -21
- data/vendor/assets/javascripts/foundation/foundation.reveal.js +58 -50
- data/vendor/assets/javascripts/foundation/foundation.tab.js +22 -10
- data/vendor/assets/javascripts/foundation/foundation.tooltip.js +38 -26
- data/vendor/assets/javascripts/foundation/foundation.topbar.js +79 -73
- data/vendor/assets/stylesheets/foundation/_functions.scss +37 -18
- data/vendor/assets/stylesheets/foundation/_settings.scss +115 -110
- data/vendor/assets/stylesheets/foundation/components/_block-grid.scss +14 -9
- data/vendor/assets/stylesheets/foundation/components/_breadcrumbs.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +1 -1
- data/vendor/assets/stylesheets/foundation/components/_clearing.scss +13 -1
- data/vendor/assets/stylesheets/foundation/components/_dropdown-buttons.scss +1 -1
- data/vendor/assets/stylesheets/foundation/components/_flex-video.scss +1 -1
- data/vendor/assets/stylesheets/foundation/components/_forms.scss +23 -29
- data/vendor/assets/stylesheets/foundation/components/_global.scss +23 -54
- data/vendor/assets/stylesheets/foundation/components/_grid.scss +38 -31
- data/vendor/assets/stylesheets/foundation/components/_inline-lists.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_joyride.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_magellan.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +96 -96
- data/vendor/assets/stylesheets/foundation/components/_orbit.scss +3 -0
- data/vendor/assets/stylesheets/foundation/components/_progress-bars.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_reveal.scss +8 -3
- data/vendor/assets/stylesheets/foundation/components/_side-nav.scss +10 -5
- data/vendor/assets/stylesheets/foundation/components/_sub-nav.scss +6 -3
- data/vendor/assets/stylesheets/foundation/components/_tabs.scss +2 -0
- data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +11 -1
- data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +20 -7
- data/vendor/assets/stylesheets/foundation/components/_type.scss +82 -4
- data/vendor/assets/stylesheets/foundation/components/_visibility.scss +2 -2
- metadata +5 -2
|
@@ -65,10 +65,12 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
|
|
|
65
65
|
.tabs-content {
|
|
66
66
|
@include clearfix;
|
|
67
67
|
margin-bottom: $tabs-content-margin-bottom;
|
|
68
|
+
width: 100%;
|
|
68
69
|
> .content {
|
|
69
70
|
display: none;
|
|
70
71
|
float: $default-float;
|
|
71
72
|
padding: $tabs-content-padding 0;
|
|
73
|
+
width: 100%;
|
|
72
74
|
&.active { display: block; }
|
|
73
75
|
&.contained { padding: $tabs-content-padding; }
|
|
74
76
|
}
|
|
@@ -23,6 +23,7 @@ $tooltip-close-font-weight: normal !default;
|
|
|
23
23
|
$tooltip-close-font-color: #777 !default;
|
|
24
24
|
$tooltip-font-size-sml: rem-calc(14) !default;
|
|
25
25
|
$tooltip-radius: $global-radius !default;
|
|
26
|
+
$tooltip-rounded: $global-rounded !default;
|
|
26
27
|
$tooltip-pip-size: 5px !default;
|
|
27
28
|
|
|
28
29
|
@include exports("tooltip") {
|
|
@@ -58,7 +59,6 @@ $tooltip-pip-size: 5px !default;
|
|
|
58
59
|
width: 100%;
|
|
59
60
|
color: $tooltip-font-color;
|
|
60
61
|
background: $tooltip-bg;
|
|
61
|
-
@include radius($tooltip-radius);
|
|
62
62
|
|
|
63
63
|
&>.nub {
|
|
64
64
|
display: block;
|
|
@@ -71,6 +71,16 @@ $tooltip-pip-size: 5px !default;
|
|
|
71
71
|
top: -($tooltip-pip-size * 2);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
&.radius {
|
|
75
|
+
@include radius($tooltip-radius);
|
|
76
|
+
}
|
|
77
|
+
&.round {
|
|
78
|
+
@include radius($tooltip-rounded);
|
|
79
|
+
&>.nub {
|
|
80
|
+
left: 2rem;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
74
84
|
&.opened {
|
|
75
85
|
color: $has-tip-font-color-hover !important;
|
|
76
86
|
border-bottom: $has-tip-border-bottom-hover !important;
|
|
@@ -31,6 +31,7 @@ $topbar-dropdown-toggle-alpha: 0.4 !default;
|
|
|
31
31
|
$topbar-link-color: #fff !default;
|
|
32
32
|
$topbar-link-color-hover: #fff !default;
|
|
33
33
|
$topbar-link-color-active: #fff !default;
|
|
34
|
+
$topbar-link-color-active-hover: #fff !default;
|
|
34
35
|
$topbar-link-weight: normal !default;
|
|
35
36
|
$topbar-link-font-size: rem-calc(13) !default;
|
|
36
37
|
$topbar-link-hover-lightness: -10% !default; // Darken by 10%
|
|
@@ -198,7 +199,9 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
|
|
|
198
199
|
padding-#{$default-float}: 40px;
|
|
199
200
|
|
|
200
201
|
a {
|
|
201
|
-
|
|
202
|
+
@if $text-direction == rtl {
|
|
203
|
+
text-indent: -58px;
|
|
204
|
+
}
|
|
202
205
|
height: 34px;
|
|
203
206
|
line-height: 33px;
|
|
204
207
|
padding: 0;
|
|
@@ -335,6 +338,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
|
|
|
335
338
|
color: $topbar-link-color-active;
|
|
336
339
|
&:hover {
|
|
337
340
|
background: $topbar-link-bg-active-hover;
|
|
341
|
+
color: $topbar-link-color-active-hover;
|
|
338
342
|
}
|
|
339
343
|
}
|
|
340
344
|
}
|
|
@@ -469,6 +473,15 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
|
|
|
469
473
|
&:hover { background: $topbar-link-bg-hover; }
|
|
470
474
|
}
|
|
471
475
|
}
|
|
476
|
+
&.active:not(.has-form) {
|
|
477
|
+
a:not(.button) {
|
|
478
|
+
padding: 0 $topbar-height / 3;
|
|
479
|
+
line-height: $topbar-height;
|
|
480
|
+
color: $topbar-link-color-active;
|
|
481
|
+
background: $topbar-link-bg-active;
|
|
482
|
+
&:hover { background: $topbar-link-bg-active-hover; }
|
|
483
|
+
}
|
|
484
|
+
}
|
|
472
485
|
}
|
|
473
486
|
|
|
474
487
|
.has-dropdown {
|
|
@@ -558,18 +571,18 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
|
|
|
558
571
|
// Position overrides for ul.right and ul.left
|
|
559
572
|
.right {
|
|
560
573
|
li .dropdown {
|
|
561
|
-
|
|
562
|
-
|
|
574
|
+
#{$default-float}: auto;
|
|
575
|
+
#{$opposite-direction}: 0;
|
|
563
576
|
|
|
564
|
-
li .dropdown {
|
|
577
|
+
li .dropdown { #{$opposite-direction}: 100%; }
|
|
565
578
|
}
|
|
566
579
|
}
|
|
567
580
|
.left {
|
|
568
581
|
li .dropdown {
|
|
569
|
-
|
|
570
|
-
|
|
582
|
+
#{$opposite-direction}: auto;
|
|
583
|
+
#{$default-float}: 0;
|
|
571
584
|
|
|
572
|
-
li .dropdown {
|
|
585
|
+
li .dropdown { #{$default-float}: 100%; }
|
|
573
586
|
}
|
|
574
587
|
}
|
|
575
588
|
}
|
|
@@ -4,7 +4,7 @@ $include-html-type-classes: $include-html-classes !default;
|
|
|
4
4
|
|
|
5
5
|
// We use these to control header font styles
|
|
6
6
|
$header-font-family: $body-font-family !default;
|
|
7
|
-
$header-font-weight:
|
|
7
|
+
$header-font-weight: normal !default;
|
|
8
8
|
$header-font-style: normal !default;
|
|
9
9
|
$header-font-color: #222 !default;
|
|
10
10
|
$header-line-height: 1.4 !default;
|
|
@@ -23,7 +23,7 @@ $h6-font-size: 1rem !default;
|
|
|
23
23
|
// These control how subheaders are styled.
|
|
24
24
|
$subheader-line-height: 1.4 !default;
|
|
25
25
|
$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;
|
|
26
|
-
$subheader-font-weight:
|
|
26
|
+
$subheader-font-weight: normal !default;
|
|
27
27
|
$subheader-top-margin: .2rem !default;
|
|
28
28
|
$subheader-bottom-margin: .5rem !default;
|
|
29
29
|
|
|
@@ -102,6 +102,85 @@ $microformat-abbr-padding: rem-calc(0 1) !default;
|
|
|
102
102
|
$microformat-abbr-font-weight: bold !default;
|
|
103
103
|
$microformat-abbr-font-decoration: none !default;
|
|
104
104
|
|
|
105
|
+
//
|
|
106
|
+
// Responsive Text alignment
|
|
107
|
+
//
|
|
108
|
+
|
|
109
|
+
// Global Text Styles
|
|
110
|
+
.text-left { text-align: left !important; }
|
|
111
|
+
.text-right { text-align: right !important; }
|
|
112
|
+
.text-center { text-align: center !important; }
|
|
113
|
+
.text-justify { text-align: justify !important; }
|
|
114
|
+
|
|
115
|
+
@media #{$small-only} {
|
|
116
|
+
.small-only-text-left { text-align: left !important; }
|
|
117
|
+
.small-only-text-right { text-align: right !important; }
|
|
118
|
+
.small-only-text-center { text-align: center !important; }
|
|
119
|
+
.small-only-text-justify { text-align: justify !important; }
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
@media #{$small-up} {
|
|
123
|
+
.small-text-left { text-align: left !important; }
|
|
124
|
+
.small-text-right { text-align: right !important; }
|
|
125
|
+
.small-text-center { text-align: center !important; }
|
|
126
|
+
.small-text-justify { text-align: justify !important; }
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@media #{$medium-only} {
|
|
130
|
+
.medium-only-text-left { text-align: left !important; }
|
|
131
|
+
.medium-only-text-right { text-align: right !important; }
|
|
132
|
+
.medium-only-text-center { text-align: center !important; }
|
|
133
|
+
.medium-only-text-justify { text-align: justify !important; }
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@media #{$medium-up} {
|
|
137
|
+
.medium-text-left { text-align: left !important; }
|
|
138
|
+
.medium-text-right { text-align: right !important; }
|
|
139
|
+
.medium-text-center { text-align: center !important; }
|
|
140
|
+
.medium-text-justify { text-align: justify !important; }
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
@media #{$large-only} {
|
|
144
|
+
.large-only-text-left { text-align: left !important; }
|
|
145
|
+
.large-only-text-right { text-align: right !important; }
|
|
146
|
+
.large-only-text-center { text-align: center !important; }
|
|
147
|
+
.large-only-text-justify { text-align: justify !important; }
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@media #{$large-up} {
|
|
151
|
+
.large-text-left { text-align: left !important; }
|
|
152
|
+
.large-text-right { text-align: right !important; }
|
|
153
|
+
.large-text-center { text-align: center !important; }
|
|
154
|
+
.large-text-justify { text-align: justify !important; }
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
@media #{$xlarge-only} {
|
|
158
|
+
.xlarge-only-text-left { text-align: left !important; }
|
|
159
|
+
.xlarge-only-text-right { text-align: right !important; }
|
|
160
|
+
.xlarge-only-text-center { text-align: center !important; }
|
|
161
|
+
.xlarge-only-text-justify { text-align: justify !important; }
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
@media #{$xlarge-up} {
|
|
165
|
+
.xlarge-text-left { text-align: left !important; }
|
|
166
|
+
.xlarge-text-right { text-align: right !important; }
|
|
167
|
+
.xlarge-text-center { text-align: center !important; }
|
|
168
|
+
.xlarge-text-justify { text-align: justify !important; }
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
@media #{$xxlarge-only} {
|
|
172
|
+
.xxlarge-only-text-left { text-align: left !important; }
|
|
173
|
+
.xxlarge-only-text-right { text-align: right !important; }
|
|
174
|
+
.xxlarge-only-text-center { text-align: center !important; }
|
|
175
|
+
.xxlarge-only-text-justify { text-align: justify !important; }
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@media #{$xxlarge-up} {
|
|
179
|
+
.xxlarge-text-left { text-align: left !important; }
|
|
180
|
+
.xxlarge-text-right { text-align: right !important; }
|
|
181
|
+
.xxlarge-text-center { text-align: center !important; }
|
|
182
|
+
.xxlarge-text-justify { text-align: justify !important; }
|
|
183
|
+
}
|
|
105
184
|
|
|
106
185
|
//
|
|
107
186
|
// Typography Placeholders
|
|
@@ -269,7 +348,6 @@ $microformat-abbr-font-decoration: none !default;
|
|
|
269
348
|
ol {
|
|
270
349
|
margin-#{$default-float}: $list-nested-margin;
|
|
271
350
|
margin-bottom: 0;
|
|
272
|
-
font-size: 1rem; /* Override nested font-size change */
|
|
273
351
|
}
|
|
274
352
|
}
|
|
275
353
|
&.square,
|
|
@@ -443,4 +521,4 @@ $microformat-abbr-font-decoration: none !default;
|
|
|
443
521
|
}
|
|
444
522
|
|
|
445
523
|
}
|
|
446
|
-
}
|
|
524
|
+
}
|
|
@@ -117,13 +117,13 @@ $include-html-visibility-classes: $include-html-classes !default;
|
|
|
117
117
|
th {
|
|
118
118
|
&.show-for-small,
|
|
119
119
|
&.show-for-small-only,
|
|
120
|
-
&.show-for-medium-down
|
|
120
|
+
&.show-for-medium-down,
|
|
121
121
|
&.show-for-large-down,
|
|
122
122
|
&.hide-for-medium,
|
|
123
123
|
&.hide-for-medium-up,
|
|
124
124
|
&.hide-for-large,
|
|
125
125
|
&.hide-for-large-up,
|
|
126
|
-
&.hide-for-xlarge
|
|
126
|
+
&.hide-for-xlarge,
|
|
127
127
|
&.hide-for-xlarge-up,
|
|
128
128
|
&.hide-for-xxlarge-up { display: table-cell !important; }
|
|
129
129
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: foundation-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 5.0.
|
|
4
|
+
version: 5.1.0.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- ZURB
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-
|
|
11
|
+
date: 2014-02-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -80,6 +80,7 @@ files:
|
|
|
80
80
|
- Rakefile
|
|
81
81
|
- app/controllers/foundation/rails/styleguide_controller.rb
|
|
82
82
|
- app/views/foundation/rails/styleguide/show.html.erb
|
|
83
|
+
- bower.json
|
|
83
84
|
- config/routes.rb
|
|
84
85
|
- foundation-rails.gemspec
|
|
85
86
|
- lib/foundation-rails.rb
|
|
@@ -148,12 +149,14 @@ files:
|
|
|
148
149
|
- test/dummy/test/test_helper.rb
|
|
149
150
|
- test/dummy/vendor/assets/javascripts/.keep
|
|
150
151
|
- test/dummy/vendor/assets/stylesheets/.keep
|
|
152
|
+
- update-gem.sh
|
|
151
153
|
- vendor/assets/javascripts/foundation.js
|
|
152
154
|
- vendor/assets/javascripts/foundation/foundation.abide.js
|
|
153
155
|
- vendor/assets/javascripts/foundation/foundation.accordion.js
|
|
154
156
|
- vendor/assets/javascripts/foundation/foundation.alert.js
|
|
155
157
|
- vendor/assets/javascripts/foundation/foundation.clearing.js
|
|
156
158
|
- vendor/assets/javascripts/foundation/foundation.dropdown.js
|
|
159
|
+
- vendor/assets/javascripts/foundation/foundation.equalizer.js
|
|
157
160
|
- vendor/assets/javascripts/foundation/foundation.interchange.js
|
|
158
161
|
- vendor/assets/javascripts/foundation/foundation.joyride.js
|
|
159
162
|
- vendor/assets/javascripts/foundation/foundation.js
|