paint-rails 0.6.7 → 0.7.24
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -4
- data/lib/paint-rails/version.rb +1 -1
- data/paint-rails.gemspec +2 -2
- data/vendor/assets/stylesheets/Brocfile.js +3 -0
- data/vendor/assets/stylesheets/Gemfile +3 -0
- data/vendor/assets/stylesheets/Gemfile.lock +14 -0
- data/vendor/assets/stylesheets/bin/ci +6 -0
- data/vendor/assets/stylesheets/bin/lint +5 -0
- data/vendor/assets/stylesheets/bin/setup +7 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/.bower.json +5 -5
- data/vendor/assets/stylesheets/bower_components/fontawesome/.gitignore +1 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/bower.json +1 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/css/font-awesome.css +133 -4
- data/vendor/assets/stylesheets/bower_components/fontawesome/css/font-awesome.css.map +7 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/css/font-awesome.min.css +2 -2
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/FontAwesome.otf +0 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/fontawesome-webfont.eot +0 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/fontawesome-webfont.svg +53 -8
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/fontawesome-webfont.woff +0 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/fonts/fontawesome-webfont.woff2 +0 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/{spinning.less → animated.less} +6 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/core.less +3 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/font-awesome.less +2 -2
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/icons.less +45 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/mixins.less +3 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/path.less +1 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/variables.less +47 -2
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/{_spinning.scss → _animated.scss} +5 -0
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_core.scss +3 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_icons.scss +45 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_mixins.scss +3 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_path.scss +2 -1
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_variables.scss +47 -2
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/font-awesome.scss +2 -2
- data/vendor/assets/stylesheets/bower_components/foundation/.bower.json +5 -5
- data/vendor/assets/stylesheets/bower_components/foundation/bower.json +1 -1
- data/vendor/assets/stylesheets/bower_components/foundation/css/foundation.css +1855 -1667
- data/vendor/assets/stylesheets/bower_components/foundation/css/foundation.css.map +7 -0
- data/vendor/assets/stylesheets/bower_components/foundation/css/foundation.min.css +1 -0
- data/vendor/assets/stylesheets/bower_components/foundation/css/normalize.css +11 -12
- data/vendor/assets/stylesheets/bower_components/foundation/css/normalize.css.map +7 -0
- data/vendor/assets/stylesheets/bower_components/foundation/css/normalize.min.css +1 -0
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.abide.js +156 -62
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.accordion.js +35 -13
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.alert.js +8 -8
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.clearing.js +93 -65
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.dropdown.js +203 -66
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.equalizer.js +57 -27
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.interchange.js +61 -46
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.joyride.js +93 -78
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.js +177 -77
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.magellan.js +81 -55
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.offcanvas.js +28 -28
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.orbit.js +135 -131
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.reveal.js +119 -65
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.slider.js +113 -71
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.tab.js +67 -35
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.tooltip.js +76 -37
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation/foundation.topbar.js +71 -58
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation.js +1570 -919
- data/vendor/assets/stylesheets/bower_components/foundation/js/foundation.min.js +5 -4
- data/vendor/assets/stylesheets/bower_components/foundation/js/vendor/fastclick.js +8 -9
- data/vendor/assets/stylesheets/bower_components/foundation/js/vendor/jquery.js +10 -9
- data/vendor/assets/stylesheets/bower_components/foundation/js/vendor/modernizr.js +1 -1
- data/vendor/assets/stylesheets/bower_components/foundation/js/vendor/placeholder.js +2 -2
- data/vendor/assets/stylesheets/bower_components/foundation/package.json +53 -0
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/_functions.scss +76 -22
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/_settings.scss +152 -107
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_accordion.scss +8 -8
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_alert-boxes.scss +12 -12
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_block-grid.scss +14 -13
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_breadcrumbs.scss +18 -19
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_button-groups.scss +35 -25
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_buttons.scss +16 -19
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_clearing.scss +60 -47
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_dropdown-buttons.scss +15 -15
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_dropdown.scss +42 -36
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_flex-video.scss +7 -7
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_forms.scss +103 -79
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_global.scss +95 -53
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_grid.scss +42 -25
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_icon-bar.scss +371 -204
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_inline-lists.scss +8 -8
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_joyride.scss +40 -42
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_keystrokes.scss +2 -3
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_labels.scss +7 -7
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_magellan.scss +2 -2
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_offcanvas.scss +184 -179
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_orbit.scss +90 -70
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_pagination.scss +15 -15
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_panels.scss +27 -15
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_pricing-tables.scss +16 -16
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_progress-bars.scss +4 -4
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_range-slider.scss +28 -19
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_reveal.scss +37 -50
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_side-nav.scss +15 -11
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_split-buttons.scss +26 -14
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_sub-nav.scss +14 -12
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_switches.scss +32 -21
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_tables.scss +8 -8
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_tabs.scss +50 -31
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_thumbs.scss +8 -8
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_tooltips.scss +25 -25
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_top-bar.scss +197 -145
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_type.scss +20 -81
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_visibility.scss +99 -15
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation.scss +37 -38
- data/vendor/assets/stylesheets/bower_components/foundation/scss/normalize.scss +8 -11
- data/vendor/assets/stylesheets/bower_components/jquery/.bower.json +5 -4
- data/vendor/assets/stylesheets/bower_components/jquery/bower.json +2 -1
- data/vendor/assets/stylesheets/bower_components/jquery/dist/jquery.js +9 -4
- data/vendor/assets/stylesheets/bower_components/jquery/dist/jquery.min.js +4 -4
- data/vendor/assets/stylesheets/bower_components/jquery/dist/jquery.min.map +1 -1
- data/vendor/assets/stylesheets/bower_components/jquery/src/core.js +6 -1
- data/vendor/assets/stylesheets/circle.yml +17 -0
- data/vendor/assets/stylesheets/components/_button.scss +120 -21
- data/vendor/assets/stylesheets/components/_dropdown.scss +316 -14
- data/vendor/assets/stylesheets/components/_flip-panel.scss +191 -0
- data/vendor/assets/stylesheets/components/_form.scss +346 -0
- data/vendor/assets/stylesheets/components/_layout.scss +261 -121
- data/vendor/assets/stylesheets/components/_panel.scss +91 -0
- data/vendor/assets/stylesheets/components/_quick-jump.scss +267 -0
- data/vendor/assets/stylesheets/components/_side-panel.scss +154 -0
- data/vendor/assets/stylesheets/components/_table.scss +105 -0
- data/vendor/assets/stylesheets/components/_typography.scss +34 -3
- data/vendor/assets/stylesheets/components/_vertical-align.scss +9 -0
- data/vendor/assets/stylesheets/globals/_functions.scss +69 -0
- data/vendor/assets/stylesheets/globals/_mixins.scss +23 -1
- data/vendor/assets/stylesheets/globals/_settings.scss +35 -36
- data/vendor/assets/stylesheets/paint.scss +22 -14
- metadata +29 -8
- data/vendor/assets/stylesheets/bower_components/fontawesome/less/extras.less +0 -2
- data/vendor/assets/stylesheets/bower_components/fontawesome/scss/_extras.scss +0 -44
- data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_toolbar.scss +0 -70
@@ -2,7 +2,7 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
5
|
+
@import 'global';
|
6
6
|
|
7
7
|
//
|
8
8
|
// @variables
|
@@ -18,7 +18,7 @@ $accordion-navigation-font-color: $jet !default;
|
|
18
18
|
$accordion-navigation-font-size: rem-calc(16) !default;
|
19
19
|
$accordion-navigation-font-family: $body-font-family !default;
|
20
20
|
|
21
|
-
$accordion-content-padding: $column-gutter/2 !default;
|
21
|
+
$accordion-content-padding: ($column-gutter/2) !default;
|
22
22
|
$accordion-content-active-bg-color: $white !default;
|
23
23
|
|
24
24
|
|
@@ -32,7 +32,7 @@ $accordion-content-active-bg-color: $white !default;
|
|
32
32
|
margin-bottom: 0;
|
33
33
|
}
|
34
34
|
|
35
|
-
// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){
|
35
|
+
// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family) {
|
36
36
|
// @params $bg-color: [ color or string ]: Specify the background color for the navigation element
|
37
37
|
// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
|
38
38
|
// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.
|
@@ -41,7 +41,7 @@ $accordion-content-active-bg-color: $white !default;
|
|
41
41
|
// @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element
|
42
42
|
// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
|
43
43
|
|
44
|
-
@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){
|
44
|
+
@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ) {
|
45
45
|
display: block;
|
46
46
|
margin-bottom: 0 !important;
|
47
47
|
@if type-of($active_class) != "string" {
|
@@ -98,7 +98,7 @@ $accordion-content-active-bg-color: $white !default;
|
|
98
98
|
// @params $bg [ color ]: Background color for the content when it's visible
|
99
99
|
// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.
|
100
100
|
|
101
|
-
@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){
|
101
|
+
@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active') {
|
102
102
|
display: none;
|
103
103
|
@if type-of($padding) != "number" {
|
104
104
|
@warn "#{$padding} was read as a #{type-of($padding)}";
|
@@ -118,8 +118,8 @@ $accordion-content-active-bg-color: $white !default;
|
|
118
118
|
}
|
119
119
|
@else {
|
120
120
|
&.#{$active_class} {
|
121
|
-
display: block;
|
122
121
|
background: $bg;
|
122
|
+
display: block;
|
123
123
|
}
|
124
124
|
}
|
125
125
|
}
|
@@ -136,10 +136,10 @@ $accordion-content-active-bg-color: $white !default;
|
|
136
136
|
> a {
|
137
137
|
background: $accordion-navigation-bg-color;
|
138
138
|
color: $accordion-navigation-font-color;
|
139
|
-
padding: $accordion-navigation-padding;
|
140
139
|
display: block;
|
141
140
|
font-family: $accordion-navigation-font-family;
|
142
141
|
font-size: $accordion-navigation-font-size;
|
142
|
+
padding: $accordion-navigation-padding;
|
143
143
|
&:hover { background: $accordion-navigation-hover-bg-color; }
|
144
144
|
}
|
145
145
|
|
@@ -147,8 +147,8 @@ $accordion-content-active-bg-color: $white !default;
|
|
147
147
|
display: none;
|
148
148
|
padding: $accordion-content-padding;
|
149
149
|
&.active {
|
150
|
-
display: block;
|
151
150
|
background: $accordion-content-active-bg-color;
|
151
|
+
display: block;
|
152
152
|
}
|
153
153
|
}
|
154
154
|
}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
5
|
+
@import 'global';
|
6
6
|
|
7
7
|
//
|
8
8
|
// Alert Box Variables
|
@@ -35,9 +35,9 @@ $alert-close-color: $oil !default;
|
|
35
35
|
$alert-close-top: 50% !default;
|
36
36
|
$alert-close-position: rem-calc(4) !default;
|
37
37
|
$alert-close-font-size: rem-calc(22) !default;
|
38
|
-
$alert-close-opacity:
|
39
|
-
$alert-close-opacity-hover:
|
40
|
-
$alert-close-padding:
|
38
|
+
$alert-close-opacity: .3 !default;
|
39
|
+
$alert-close-opacity-hover: .5 !default;
|
40
|
+
$alert-close-padding: 0 6px 4px !default;
|
41
41
|
$alert-close-background: inherit !default;
|
42
42
|
|
43
43
|
// We use this to control border radius
|
@@ -55,11 +55,11 @@ $alert-transition-ease: ease-out !default;
|
|
55
55
|
border-style: $alert-border-style;
|
56
56
|
border-width: $alert-border-width;
|
57
57
|
display: block;
|
58
|
+
font-size: $alert-font-size;
|
58
59
|
font-weight: $alert-font-weight;
|
59
60
|
margin-bottom: $alert-bottom-margin;
|
60
|
-
position: relative;
|
61
61
|
padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;
|
62
|
-
|
62
|
+
position: relative;
|
63
63
|
@include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)
|
64
64
|
}
|
65
65
|
|
@@ -83,16 +83,16 @@ $alert-transition-ease: ease-out !default;
|
|
83
83
|
|
84
84
|
// We use this to create the close button.
|
85
85
|
@mixin alert-close {
|
86
|
+
#{$opposite-direction}: $alert-close-position;
|
87
|
+
background: $alert-close-background;
|
88
|
+
color: $alert-close-color;
|
86
89
|
font-size: $alert-close-font-size;
|
90
|
+
line-height: .9;
|
91
|
+
margin-top: -($alert-close-font-size / 2);
|
92
|
+
opacity: $alert-close-opacity;
|
87
93
|
padding: $alert-close-padding;
|
88
|
-
line-height: 0;
|
89
94
|
position: absolute;
|
90
95
|
top: $alert-close-top;
|
91
|
-
margin-top: -($alert-close-font-size / 2);
|
92
|
-
#{$opposite-direction}: $alert-close-position;
|
93
|
-
color: $alert-close-color;
|
94
|
-
opacity: $alert-close-opacity;
|
95
|
-
background: $alert-close-background;
|
96
96
|
&:hover,
|
97
97
|
&:focus { opacity: $alert-close-opacity-hover; }
|
98
98
|
}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
5
|
+
@import 'global';
|
6
6
|
|
7
7
|
//
|
8
8
|
// Block Grid Variables
|
@@ -30,6 +30,7 @@ $block-grid-media-queries: true !default;
|
|
30
30
|
//
|
31
31
|
// $per-row - # of items to display per row. Default: false.
|
32
32
|
// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).
|
33
|
+
// $include-spacing - Adds padding to our list item. Default: true.
|
33
34
|
// $base-style - Apply a base style to block grid. Default: true.
|
34
35
|
@mixin block-grid(
|
35
36
|
$per-row:false,
|
@@ -47,10 +48,10 @@ $block-grid-media-queries: true !default;
|
|
47
48
|
}
|
48
49
|
@include clearfix;
|
49
50
|
|
50
|
-
|
51
|
+
> li {
|
51
52
|
display: block;
|
52
|
-
height: auto;
|
53
53
|
float: $default-float;
|
54
|
+
height: auto;
|
54
55
|
@if $include-spacing {
|
55
56
|
padding: 0 ($spacing/2) $spacing;
|
56
57
|
}
|
@@ -58,12 +59,12 @@ $block-grid-media-queries: true !default;
|
|
58
59
|
}
|
59
60
|
|
60
61
|
@if $per-row {
|
61
|
-
|
62
|
-
|
62
|
+
> li {
|
63
|
+
list-style: none;
|
63
64
|
@if $include-spacing {
|
64
65
|
padding: 0 ($spacing/2) $spacing;
|
65
66
|
}
|
66
|
-
|
67
|
+
width: 100%/$per-row;
|
67
68
|
|
68
69
|
&:nth-of-type(1n) { clear: none; }
|
69
70
|
&:nth-of-type(#{$per-row}n+1) { clear: both; }
|
@@ -92,10 +93,10 @@ $block-grid-media-queries: true !default;
|
|
92
93
|
// Generate presentational markup for block grid.
|
93
94
|
//
|
94
95
|
// $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc.
|
95
|
-
@mixin block-grid-html-classes($size
|
96
|
+
@mixin block-grid-html-classes($size, $include-spacing) {
|
96
97
|
@for $i from 1 through $block-grid-elements {
|
97
98
|
.#{$size}-block-grid-#{($i)} {
|
98
|
-
@include block-grid($i
|
99
|
+
@include block-grid($i, $block-grid-default-spacing, $include-spacing, false);
|
99
100
|
}
|
100
101
|
}
|
101
102
|
}
|
@@ -107,24 +108,24 @@ $block-grid-media-queries: true !default;
|
|
107
108
|
|
108
109
|
@if $block-grid-media-queries {
|
109
110
|
@media #{$small-up} {
|
110
|
-
@include block-grid-html-classes($size:small
|
111
|
+
@include block-grid-html-classes($size:small, $include-spacing:false);
|
111
112
|
}
|
112
113
|
|
113
114
|
@media #{$medium-up} {
|
114
|
-
@include block-grid-html-classes($size:medium
|
115
|
+
@include block-grid-html-classes($size:medium, $include-spacing:false);
|
115
116
|
}
|
116
117
|
|
117
118
|
@media #{$large-up} {
|
118
|
-
@include block-grid-html-classes($size:large
|
119
|
+
@include block-grid-html-classes($size:large, $include-spacing:false);
|
119
120
|
}
|
120
121
|
|
121
122
|
@if $include-xl-html-block-grid-classes {
|
122
123
|
@media #{$xlarge-up} {
|
123
|
-
@include block-grid-html-classes($size:xlarge
|
124
|
+
@include block-grid-html-classes($size:xlarge, $include-spacing:false);
|
124
125
|
}
|
125
126
|
|
126
127
|
@media #{$xxlarge-up} {
|
127
|
-
@include block-grid-html-classes($size:xxlarge
|
128
|
+
@include block-grid-html-classes($size:xxlarge, $include-spacing:false);
|
128
129
|
}
|
129
130
|
}
|
130
131
|
}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
5
|
+
@import 'global';
|
6
6
|
|
7
7
|
//
|
8
8
|
// Breadcrumb Variables
|
@@ -41,13 +41,13 @@ $crumb-slash: "/" !default;
|
|
41
41
|
|
42
42
|
// We use this mixin to create a container around our breadcrumbs
|
43
43
|
@mixin crumb-container {
|
44
|
-
display: block;
|
45
|
-
padding: $crumb-padding;
|
46
|
-
overflow: hidden;
|
47
|
-
margin-#{$default-float}: 0;
|
48
|
-
list-style: none;
|
49
44
|
border-style: $crumb-border-style;
|
50
45
|
border-width: $crumb-border-size;
|
46
|
+
display: block;
|
47
|
+
list-style: none;
|
48
|
+
margin-#{$default-float}: 0;
|
49
|
+
overflow: hidden;
|
50
|
+
padding: $crumb-padding;
|
51
51
|
|
52
52
|
// We control which background color and border come through.
|
53
53
|
background-color: $crumb-bg;
|
@@ -58,12 +58,12 @@ $crumb-slash: "/" !default;
|
|
58
58
|
@mixin crumbs {
|
59
59
|
|
60
60
|
// A normal state will make the links look and act like clickable breadcrumbs.
|
61
|
-
|
61
|
+
color: $crumb-font-color;
|
62
62
|
float: $default-float;
|
63
63
|
font-size: $crumb-font-size;
|
64
64
|
line-height: $crumb-font-size;
|
65
|
+
margin: 0;
|
65
66
|
text-transform: $crumb-font-transform;
|
66
|
-
color: $crumb-font-color;
|
67
67
|
|
68
68
|
&:hover a, &:focus a { text-decoration: $crumb-link-decor; }
|
69
69
|
|
@@ -73,11 +73,11 @@ $crumb-slash: "/" !default;
|
|
73
73
|
|
74
74
|
// Current is for the link of the current page
|
75
75
|
&.current {
|
76
|
-
cursor: $cursor-default-value;
|
77
76
|
color: $crumb-font-color-current;
|
77
|
+
cursor: $cursor-default-value;
|
78
78
|
a {
|
79
|
-
cursor: $cursor-default-value;
|
80
79
|
color: $crumb-font-color-current;
|
80
|
+
cursor: $cursor-default-value;
|
81
81
|
}
|
82
82
|
|
83
83
|
&:hover, &:hover a,
|
@@ -93,15 +93,15 @@ $crumb-slash: "/" !default;
|
|
93
93
|
&:hover a,
|
94
94
|
&:focus,
|
95
95
|
a:focus {
|
96
|
-
text-decoration: none;
|
97
96
|
color: $crumb-font-color-unavailable;
|
98
|
-
cursor: $cursor-
|
97
|
+
cursor: $cursor-disabled-value;
|
98
|
+
text-decoration: none;
|
99
99
|
}
|
100
100
|
}
|
101
101
|
|
102
102
|
&:before {
|
103
|
-
content: "#{$crumb-slash}";
|
104
103
|
color: $crumb-slash-color;
|
104
|
+
content: "#{$crumb-slash}";
|
105
105
|
margin: 0 $crumb-side-padding;
|
106
106
|
position: relative;
|
107
107
|
top: 1px;
|
@@ -119,14 +119,13 @@ $crumb-slash: "/" !default;
|
|
119
119
|
@include crumb-container;
|
120
120
|
@include radius($crumb-radius);
|
121
121
|
|
122
|
-
|
122
|
+
> * {
|
123
123
|
@include crumbs;
|
124
124
|
}
|
125
125
|
}
|
126
|
+
/* Accessibility - hides the forward slash */
|
127
|
+
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
|
128
|
+
content: "/";
|
129
|
+
}
|
126
130
|
}
|
127
131
|
}
|
128
|
-
|
129
|
-
/* Accessibility - hides the forward slash */
|
130
|
-
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
|
131
|
-
content: "/";
|
132
|
-
}
|
@@ -2,8 +2,8 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
6
|
-
@import
|
5
|
+
@import 'global';
|
6
|
+
@import 'buttons';
|
7
7
|
|
8
8
|
//
|
9
9
|
// Button Group Variables
|
@@ -38,7 +38,7 @@ $button-group-border-width: 1px !default;
|
|
38
38
|
|
39
39
|
> button, .button {
|
40
40
|
border-#{$default-float}: $button-group-border-width solid;
|
41
|
-
border-color: rgba(255, 255, 255,
|
41
|
+
border-color: rgba(255, 255, 255, .5);
|
42
42
|
}
|
43
43
|
|
44
44
|
&:first-child {
|
@@ -47,28 +47,34 @@ $button-group-border-width: 1px !default;
|
|
47
47
|
}
|
48
48
|
}
|
49
49
|
|
50
|
+
$button-group-display: list-item;
|
51
|
+
$button-group-margin: 0;
|
52
|
+
|
50
53
|
// We use this to control the flow, or remove those styles completely.
|
51
54
|
@if $float {
|
52
|
-
|
55
|
+
$button-group-display: list-item;
|
56
|
+
$button-group-margin: 0;
|
53
57
|
float: $float;
|
54
|
-
display: list-item;
|
55
58
|
// Make sure the first child doesn't get the negative margin.
|
56
59
|
&:first-child { margin-#{$default-float}: 0; }
|
57
60
|
}
|
58
61
|
@else {
|
59
|
-
|
60
|
-
|
62
|
+
$button-group-display: inline-block;
|
63
|
+
$button-group-margin: 0 -2px;
|
61
64
|
}
|
62
65
|
|
63
66
|
@if $orientation == vertical {
|
64
|
-
display:block;
|
65
|
-
margin:0;
|
67
|
+
$button-group-display: block;
|
68
|
+
$button-group-margin: 0;
|
66
69
|
> button, .button {
|
70
|
+
border-color: rgba(255, 255, 255, .5);
|
71
|
+
border-left-width: 0;
|
67
72
|
border-top: $button-group-border-width solid;
|
68
|
-
border-color: rgba(255, 255, 255, 0.5);
|
69
|
-
border-left-width: 0px;
|
70
|
-
margin:0;
|
71
73
|
display: block;
|
74
|
+
margin:0;
|
75
|
+
}
|
76
|
+
> button {
|
77
|
+
width: 100%;
|
72
78
|
}
|
73
79
|
|
74
80
|
&:first-child {
|
@@ -78,12 +84,16 @@ $button-group-border-width: 1px !default;
|
|
78
84
|
}
|
79
85
|
}
|
80
86
|
|
87
|
+
display: $button-group-display;
|
88
|
+
margin: $button-group-margin;
|
89
|
+
|
90
|
+
|
81
91
|
// We use these to control left and right radius on first/last buttons in the group.
|
82
92
|
@if $radius == true {
|
83
93
|
&,
|
84
|
-
|
85
|
-
|
86
|
-
|
94
|
+
> a,
|
95
|
+
> button,
|
96
|
+
> .button { @include radius(0); }
|
87
97
|
&:first-child,
|
88
98
|
&:first-child > a,
|
89
99
|
&:first-child > button,
|
@@ -109,9 +119,9 @@ $button-group-border-width: 1px !default;
|
|
109
119
|
}
|
110
120
|
@else if $radius {
|
111
121
|
&,
|
112
|
-
|
113
|
-
|
114
|
-
|
122
|
+
> a,
|
123
|
+
> button,
|
124
|
+
> .button { @include radius(0); }
|
115
125
|
&:first-child,
|
116
126
|
&:first-child > a,
|
117
127
|
&:first-child > button,
|
@@ -147,14 +157,18 @@ $button-group-border-width: 1px !default;
|
|
147
157
|
@if $include-html-button-classes {
|
148
158
|
.button-group { @include button-group-container;
|
149
159
|
|
150
|
-
|
160
|
+
@for $i from 2 through 8 {
|
161
|
+
&.even-#{$i} li { @include button-group-style($even:$i, $float:null); }
|
162
|
+
}
|
163
|
+
|
164
|
+
> li { @include button-group-style(); }
|
151
165
|
|
152
166
|
&.stack {
|
153
|
-
|
167
|
+
> li { @include button-group-style($orientation:vertical); float: none; }
|
154
168
|
}
|
155
169
|
|
156
170
|
&.stack-for-small {
|
157
|
-
|
171
|
+
> li {
|
158
172
|
@include button-group-style($orientation:horizontal);
|
159
173
|
@media #{$small-only} {
|
160
174
|
@include button-group-style($orientation:vertical);
|
@@ -183,10 +197,6 @@ $button-group-border-width: 1px !default;
|
|
183
197
|
@include button-group-style($radius:$button-med, $orientation:vertical);
|
184
198
|
}
|
185
199
|
}
|
186
|
-
|
187
|
-
@for $i from 2 through 8 {
|
188
|
-
&.even-#{$i} li { @include button-group-style($even:$i, $float:null); }
|
189
|
-
}
|
190
200
|
}
|
191
201
|
|
192
202
|
.button-bar {
|
data/vendor/assets/stylesheets/bower_components/foundation/scss/foundation/components/_buttons.scss
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
// foundation.zurb.com
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
-
@import
|
5
|
+
@import 'global';
|
6
6
|
|
7
7
|
//
|
8
8
|
// @variables
|
@@ -34,7 +34,7 @@ $button-font-align: center !default;
|
|
34
34
|
$button-function-factor: -20% !default;
|
35
35
|
|
36
36
|
// We use these to control button border styles.
|
37
|
-
$button-border-width:
|
37
|
+
$button-border-width: 0 !default;
|
38
38
|
$button-border-style: solid !default;
|
39
39
|
$button-bg-color: $primary-color !default;
|
40
40
|
$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;
|
@@ -55,7 +55,7 @@ $button-radius: $global-radius !default;
|
|
55
55
|
$button-round: $global-rounded !default;
|
56
56
|
|
57
57
|
// We use this to set default opacity and cursor for disabled buttons.
|
58
|
-
$button-disabled-opacity:
|
58
|
+
$button-disabled-opacity: .7 !default;
|
59
59
|
$button-disabled-cursor: $cursor-default-value !default;
|
60
60
|
|
61
61
|
|
@@ -69,6 +69,9 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
69
69
|
|
70
70
|
@mixin button-base($style:true, $display:$button-display) {
|
71
71
|
@if $style {
|
72
|
+
-webkit-appearance: none;
|
73
|
+
-moz-appearance: none;
|
74
|
+
border-radius:0;
|
72
75
|
border-style: $button-border-style;
|
73
76
|
border-width: $button-border-width;
|
74
77
|
cursor: $cursor-pointer-value;
|
@@ -77,10 +80,8 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
77
80
|
line-height: normal;
|
78
81
|
margin: 0 0 $button-margin-bottom;
|
79
82
|
position: relative;
|
80
|
-
text-decoration: none;
|
81
83
|
text-align: $button-font-align;
|
82
|
-
-
|
83
|
-
-webkit-border-radius:0;
|
84
|
+
text-decoration: none;
|
84
85
|
}
|
85
86
|
@if $display { display: $display; }
|
86
87
|
}
|
@@ -97,11 +98,7 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
97
98
|
// We control which padding styles come through,
|
98
99
|
// these can be turned off by setting $padding:false
|
99
100
|
@if $padding {
|
100
|
-
padding
|
101
|
-
padding-#{$opposite-direction}: $padding * 2;
|
102
|
-
padding-bottom: $padding + rem-calc(1);
|
103
|
-
padding-#{$default-float}: $padding * 2;
|
104
|
-
|
101
|
+
padding: $padding ($padding * 2) ($padding + rem-calc(1)) ($padding * 2);
|
105
102
|
// We control the font-size based on mixin input.
|
106
103
|
@if $padding == $button-med { font-size: $button-font-med; }
|
107
104
|
@else if $padding == $button-tny { font-size: $button-font-tny; }
|
@@ -113,14 +110,14 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
113
110
|
@if $full-width {
|
114
111
|
// We still need to check if $padding is set.
|
115
112
|
@if $padding {
|
116
|
-
|
117
|
-
|
113
|
+
padding-bottom: $padding + rem-calc(1);
|
114
|
+
padding-top: $padding;
|
118
115
|
} @else if $padding == false {
|
119
|
-
padding-top:0;
|
120
116
|
padding-bottom:0;
|
117
|
+
padding-top:0;
|
121
118
|
}
|
122
|
-
padding-right: 0;
|
123
119
|
padding-left: 0;
|
120
|
+
padding-right: 0;
|
124
121
|
width: 100%;
|
125
122
|
}
|
126
123
|
}
|
@@ -133,8 +130,8 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
133
130
|
//
|
134
131
|
// We use this mixin to add button color styles
|
135
132
|
//
|
136
|
-
// $bg -
|
137
|
-
// $radius - If true, set to button radius which is $
|
133
|
+
// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.
|
134
|
+
// $radius - If true, set to button radius which is $button-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false
|
138
135
|
// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false
|
139
136
|
// $bg-hover - Button Hover Background Color. Default: $button-bg-hover
|
140
137
|
// $border-color - Button Border Color. Default: $button-border-color
|
@@ -172,9 +169,9 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
172
169
|
|
173
170
|
// We can set $disabled:true to create a disabled transparent button.
|
174
171
|
@if $disabled {
|
172
|
+
box-shadow: none;
|
175
173
|
cursor: $button-disabled-cursor;
|
176
174
|
opacity: $button-disabled-opacity;
|
177
|
-
box-shadow: none;
|
178
175
|
&:hover,
|
179
176
|
&:focus { background-color: $bg; }
|
180
177
|
}
|
@@ -229,7 +226,7 @@ $button-disabled-cursor: $cursor-default-value !default;
|
|
229
226
|
&.large { @include button-size($padding:$button-lrg); }
|
230
227
|
&.small { @include button-size($padding:$button-sml); }
|
231
228
|
&.tiny { @include button-size($padding:$button-tny); }
|
232
|
-
&.expand { @include button-size($padding:null
|
229
|
+
&.expand { @include button-size($padding:null, $full-width:true); }
|
233
230
|
|
234
231
|
&.left-align { text-align: left; text-indent: rem-calc(12); }
|
235
232
|
&.right-align { text-align: right; padding-right: rem-calc(12); }
|