zurb-foundation 4.2.1 → 4.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. data/Gemfile.lock +2 -2
  2. data/README.md +9 -1
  3. data/composer.json +9 -0
  4. data/docs/CHANGELOG.md +19 -5
  5. data/docs/components/alert-boxes.html.erb +19 -19
  6. data/docs/components/breadcrumbs.html.erb +15 -15
  7. data/docs/components/buttons.html.erb +19 -19
  8. data/docs/components/clearing.html.erb +13 -13
  9. data/docs/components/dropdown-buttons.html.erb +13 -13
  10. data/docs/components/dropdown.html.erb +18 -18
  11. data/docs/components/flex-video.html.erb +3 -3
  12. data/docs/components/forms.html.erb +39 -39
  13. data/docs/components/grid.html.erb +1 -1
  14. data/docs/components/inline-lists.html.erb +5 -5
  15. data/docs/components/joyride.html.erb +18 -18
  16. data/docs/components/keystrokes.html.erb +10 -10
  17. data/docs/components/kitchen-sink.html.erb +1 -1
  18. data/docs/components/labels.html.erb +2 -2
  19. data/docs/components/pagination.html.erb +17 -17
  20. data/docs/components/panels.html.erb +13 -10
  21. data/docs/components/pricing-tables.html.erb +30 -30
  22. data/docs/components/reveal.html.erb +14 -14
  23. data/docs/components/section.html.erb +15 -15
  24. data/docs/components/side-nav.html.erb +9 -9
  25. data/docs/components/split-buttons.html.erb +23 -23
  26. data/docs/components/sub-nav.html.erb +11 -11
  27. data/docs/components/switch.html.erb +24 -24
  28. data/docs/components/tables.html.erb +15 -15
  29. data/docs/components/thumbnails.html.erb +5 -5
  30. data/docs/components/tooltips.html.erb +18 -18
  31. data/docs/components/top-bar.html.erb +39 -39
  32. data/docs/components/type.html.erb +63 -63
  33. data/docs/css/docs.scss +3 -1
  34. data/docs/img/favicons/apple-touch-icon-114x114-precomposed.png +0 -0
  35. data/docs/img/favicons/apple-touch-icon-144x144-precomposed.png +0 -0
  36. data/docs/img/favicons/apple-touch-icon-72x72-precomposed.png +0 -0
  37. data/docs/img/favicons/apple-touch-icon-precomposed.png +0 -0
  38. data/docs/img/favicons/favicon.ico +0 -0
  39. data/docs/layout.html.erb +10 -1
  40. data/docs/sass.html.erb +258 -292
  41. data/js/foundation/foundation.alerts.js +3 -3
  42. data/js/foundation/foundation.clearing.js +5 -5
  43. data/js/foundation/foundation.dropdown.js +1 -1
  44. data/js/foundation/foundation.forms.js +23 -14
  45. data/js/foundation/foundation.interchange.js +8 -8
  46. data/js/foundation/foundation.joyride.js +2 -2
  47. data/js/foundation/foundation.js +2 -2
  48. data/js/foundation/foundation.magellan.js +4 -2
  49. data/js/foundation/foundation.orbit.js +2 -2
  50. data/js/foundation/foundation.placeholder.js +21 -1
  51. data/js/foundation/foundation.reveal.js +3 -3
  52. data/js/foundation/foundation.section.js +4 -3
  53. data/js/foundation/foundation.tooltips.js +2 -2
  54. data/js/foundation/foundation.topbar.js +8 -8
  55. data/js/foundation/index.js +1 -1
  56. data/js/vendor/jquery.js +4412 -4202
  57. data/js/vendor/zepto.js +116 -0
  58. data/lib/foundation/sprockets.rb +4 -0
  59. data/lib/foundation/version.rb +1 -1
  60. data/lib/zurb-foundation.rb +6 -2
  61. data/scss/foundation/_variables.scss +56 -55
  62. data/scss/foundation/components/_alert-boxes.scss +20 -20
  63. data/scss/foundation/components/_block-grid.scss +1 -1
  64. data/scss/foundation/components/_breadcrumbs.scss +15 -15
  65. data/scss/foundation/components/_buttons.scss +23 -21
  66. data/scss/foundation/components/_clearing.scss +14 -13
  67. data/scss/foundation/components/_custom-forms.scss +35 -35
  68. data/scss/foundation/components/_dropdown-buttons.scss +13 -13
  69. data/scss/foundation/components/_dropdown.scss +19 -18
  70. data/scss/foundation/components/_flex-video.scss +3 -3
  71. data/scss/foundation/components/_forms.scss +40 -40
  72. data/scss/foundation/components/_grid.scss +1 -1
  73. data/scss/foundation/components/_inline-lists.scss +4 -4
  74. data/scss/foundation/components/_joyride.scss +16 -16
  75. data/scss/foundation/components/_keystrokes.scss +10 -10
  76. data/scss/foundation/components/_labels.scss +3 -3
  77. data/scss/foundation/components/_pagination.scss +17 -17
  78. data/scss/foundation/components/_panels.scss +21 -18
  79. data/scss/foundation/components/_pricing-tables.scss +30 -30
  80. data/scss/foundation/components/_reveal.scss +14 -14
  81. data/scss/foundation/components/_section.scss +16 -16
  82. data/scss/foundation/components/_side-nav.scss +9 -9
  83. data/scss/foundation/components/_split-buttons.scss +23 -23
  84. data/scss/foundation/components/_sub-nav.scss +11 -11
  85. data/scss/foundation/components/_switch.scss +23 -23
  86. data/scss/foundation/components/_tables.scss +15 -15
  87. data/scss/foundation/components/_thumbs.scss +5 -5
  88. data/scss/foundation/components/_tooltips.scss +17 -17
  89. data/scss/foundation/components/_top-bar.scss +37 -37
  90. data/scss/foundation/components/_type.scss +63 -63
  91. data/templates/upgrade/manifest.rb +2 -3
  92. metadata +11 -4
data/scss/foundation/components/_clearing.scss CHANGED
@@ -4,27 +4,27 @@
4
4
  $include-html-clearing-classes: $include-html-classes !default;
5
5
 
6
6
  // We use these to set the background colors for parts of Clearing.
7
- $clearing-bg: #111 !default;
8
- $clearing-caption-bg: $clearing-bg !default;
9
- $clearing-carousel-bg: #111 !default;
10
- $clearing-img-bg: $clearing-bg !default;
7
+ $clearing-bg: #111 !default;
8
+ $clearing-caption-bg: $clearing-bg !default;
9
+ $clearing-carousel-bg: #111 !default;
10
+ $clearing-img-bg: $clearing-bg !default;
11
11
 
12
12
  // We use these to style the close button
13
- $clearing-close-color: #fff !default;
14
- $clearing-close-size: 40px !default;
13
+ $clearing-close-color: #fff !default;
14
+ $clearing-close-size: 40px !default;
15
15
 
16
16
  // We use these to style the arrows
17
- $clearing-arrow-size: 16px !default;
18
- $clearing-arrow-color: $clearing-close-color !default;
17
+ $clearing-arrow-size: 16px !default;
18
+ $clearing-arrow-color: $clearing-close-color !default;
19
19
 
20
20
  // We use these to style captions
21
- $clearing-caption-font-color: #fff !default;
22
- $clearing-caption-padding: 10px 30px !default;
21
+ $clearing-caption-font-color: #fff !default;
22
+ $clearing-caption-padding: 10px 30px !default;
23
23
 
24
24
  // We use these to make the image and carousel height and style
25
- $clearing-active-img-height: 75% !default;
26
- $clearing-carousel-height: 150px !default;
27
- $clearing-carousel-thumb-width: 175px !default;
25
+ $clearing-active-img-height: 75% !default;
26
+ $clearing-carousel-height: 150px !default;
27
+ $clearing-carousel-thumb-width: 175px !default;
28
28
  $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255) !default;
29
29
 
30
30
  @if $include-html-clearing-classes {
@@ -36,6 +36,7 @@ $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255) !default;
36
36
  [data-clearing] {
37
37
  @include clearfix;
38
38
  margin-bottom: 0;
39
+ margin-#{$default-float}: 0;
39
40
  list-style: none;
40
41
 
41
42
  li {
data/scss/foundation/components/_custom-forms.scss CHANGED
@@ -9,46 +9,46 @@
9
9
  $include-html-custom-form-classes: $include-html-classes !default;
10
10
 
11
11
  // We use these to control the basic form styles input styles
12
- $custom-form-border-color: #ccc !default;
13
- $custom-form-border-size: 1px !default;
14
- $custom-form-bg: #fff !default;
15
- $custom-form-bg-disabled: #ddd !default;
16
- $custom-form-input-size: 16px !default;
17
- $custom-form-check-color: #222 !default;
18
- $custom-form-check-size: 16px !default;
19
- $custom-form-radio-size: 8px !default;
20
- $custom-form-checkbox-radius: 0px !default;
12
+ $custom-form-border-color: #ccc !default;
13
+ $custom-form-border-size: 1px !default;
14
+ $custom-form-bg: #fff !default;
15
+ $custom-form-bg-disabled: #ddd !default;
16
+ $custom-form-input-size: 16px !default;
17
+ $custom-form-check-color: #222 !default;
18
+ $custom-form-check-size: 16px !default;
19
+ $custom-form-radio-size: 8px !default;
20
+ $custom-form-checkbox-radius: 0px !default;
21
21
 
22
22
  // We use these to style the custom select form element.
23
- $custom-select-bg: #fff !default;
24
- $custom-select-fade-to-color: #f3f3f3 !default;
25
- $custom-select-border-color: #ddd !default;
26
- $custom-select-triangle-color: #aaa !default;
27
- $custom-select-triangle-color-open: #222 !default;
28
- $custom-select-height: emCalc(13px) + ($form-spacing * 1.5) !default;
29
- $custom-select-margin-bottom: emCalc(20px) !default;
30
- $custom-select-font-color-selected: #141414 !default;
31
- $custom-select-disabled-color: #888 !default;
23
+ $custom-select-bg: #fff !default;
24
+ $custom-select-fade-to-color: #f3f3f3 !default;
25
+ $custom-select-border-color: #ddd !default;
26
+ $custom-select-triangle-color: #aaa !default;
27
+ $custom-select-triangle-color-open: #222 !default;
28
+ $custom-select-height: emCalc(13px) + ($form-spacing * 1.5) !default;
29
+ $custom-select-margin-bottom: emCalc(20px) !default;
30
+ $custom-select-font-color-selected: #141414 !default;
31
+ $custom-select-disabled-color: #888 !default;
32
32
 
33
33
  // We use these to control the style of the custom select dropdown element.
34
- $custom-dropdown-height: 200px !default;
35
- $custom-dropdown-bg: #fff !default;
36
- $custom-dropdown-border-color: darken(#fff, 20%) !default;
37
- $custom-dropdown-border-width: 1px !default;
38
- $custom-dropdown-border-style: solid !default;
39
- $custom-dropdown-font-color: #555 !default;
40
- $custom-dropdown-font-size: emCalc(14px) !default;
41
- $custom-dropdown-color-selected: #eeeeee !default;
42
- $custom-dropdown-font-color-selected: #000 !default;
43
- $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1) !default;
44
- $custom-dropdown-offset-top: auto !default;
45
- $custom-dropdown-list-padding: emCalc(4px) !default;
34
+ $custom-dropdown-height: 200px !default;
35
+ $custom-dropdown-bg: #fff !default;
36
+ $custom-dropdown-border-color: darken(#fff, 20%) !default;
37
+ $custom-dropdown-border-width: 1px !default;
38
+ $custom-dropdown-border-style: solid !default;
39
+ $custom-dropdown-font-color: #555 !default;
40
+ $custom-dropdown-font-size: emCalc(14px) !default;
41
+ $custom-dropdown-color-selected: #eeeeee !default;
42
+ $custom-dropdown-font-color-selected: #000 !default;
43
+ $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1) !default;
44
+ $custom-dropdown-offset-top: auto !default;
45
+ $custom-dropdown-list-padding: emCalc(4px) !default;
46
46
  $custom-dropdown-default-float-padding: emCalc(6px) !default;
47
- $custom-dropdown-opposite-padding: emCalc(38px) !default;
48
- $custom-dropdown-list-item-min-height: emCalc(24px) !default;
49
- $custom-dropdown-width-small: 134px !default;
50
- $custom-dropdown-width-medium: 254px !default;
51
- $custom-dropdown-width-large: 434px !default;
47
+ $custom-dropdown-opposite-padding: emCalc(38px) !default;
48
+ $custom-dropdown-list-item-min-height: emCalc(24px) !default;
49
+ $custom-dropdown-width-small: 134px !default;
50
+ $custom-dropdown-width-medium: 254px !default;
51
+ $custom-dropdown-width-large: 434px !default;
52
52
 
53
53
  // We decided not to make a mixin for the custom forms because
54
54
  // they rely on a very specific class naming structure.
data/scss/foundation/components/_dropdown-buttons.scss CHANGED
@@ -4,32 +4,32 @@
4
4
  $include-html-button-classes: $include-html-classes !default;
5
5
 
6
6
  // We use these to set the color of the pip in dropdown buttons
7
- $dropdown-button-pip-color: #fff !default;
7
+ $dropdown-button-pip-color: #fff !default;
8
8
  $dropdown-button-pip-color-alt: #333 !default;
9
9
 
10
10
  // We use these to style tiny dropdown buttons
11
- $dropdown-button-padding-tny: $button-tny * 5 !default;
12
- $dropdown-button-pip-size-tny: $button-tny !default;
11
+ $dropdown-button-padding-tny: $button-tny * 5 !default;
12
+ $dropdown-button-pip-size-tny: $button-tny !default;
13
13
  $dropdown-button-pip-opposite-tny: $button-tny * 2 !default;
14
- $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px) !default;
14
+ $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px) !default;
15
15
 
16
16
  // We use these to style small dropdown buttons
17
- $dropdown-button-padding-sml: $button-sml * 5 !default;
18
- $dropdown-button-pip-size-sml: $button-sml !default;
17
+ $dropdown-button-padding-sml: $button-sml * 5 !default;
18
+ $dropdown-button-pip-size-sml: $button-sml !default;
19
19
  $dropdown-button-pip-opposite-sml: $button-sml * 2 !default;
20
- $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px) !default;
20
+ $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px) !default;
21
21
 
22
22
  // We use these to style medium dropdown buttons
23
- $dropdown-button-padding-med: $button-med * 4 + emCalc(3px) !default;
24
- $dropdown-button-pip-size-med: $button-med - emCalc(3px) !default;
23
+ $dropdown-button-padding-med: $button-med * 4 + emCalc(3px) !default;
24
+ $dropdown-button-pip-size-med: $button-med - emCalc(3px) !default;
25
25
  $dropdown-button-pip-opposite-med: $button-med * 2 !default;
26
- $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px) !default;
26
+ $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px) !default;
27
27
 
28
28
  // We use these to style large dropdown buttons
29
- $dropdown-button-padding-lrg: $button-lrg * 4 !default;
30
- $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px) !default;
29
+ $dropdown-button-padding-lrg: $button-lrg * 4 !default;
30
+ $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px) !default;
31
31
  $dropdown-button-pip-opposite-lrg: $button-lrg + emCalc(12px) !default;
32
- $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px) !default;
32
+ $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px) !default;
33
33
 
34
34
  //
35
35
  // Dropdown Button Mixin
data/scss/foundation/components/_dropdown.scss CHANGED
@@ -4,35 +4,35 @@
4
4
  $include-html-button-classes: $include-html-classes !default;
5
5
 
6
6
  // We use these to controls height and width styles.
7
- $f-dropdown-max-width: 200px !default;
8
- $f-dropdown-height: auto !default;
9
- $f-dropdown-max-height: none !default;
10
- $f-dropdown-margin-top: 2px !default;
7
+ $f-dropdown-max-width: 200px !default;
8
+ $f-dropdown-height: auto !default;
9
+ $f-dropdown-max-height: none !default;
10
+ $f-dropdown-margin-top: 2px !default;
11
11
 
12
12
  // We use this to control the background color
13
- $f-dropdown-bg: #fff !default;
13
+ $f-dropdown-bg: #fff !default;
14
14
 
15
15
  // We use this to set the border styles for dropdowns.
16
- $f-dropdown-border-style: solid !default;
17
- $f-dropdown-border-width: 1px !default;
18
- $f-dropdown-border-color: darken(#fff, 20%) !default;
16
+ $f-dropdown-border-style: solid !default;
17
+ $f-dropdown-border-width: 1px !default;
18
+ $f-dropdown-border-color: darken(#fff, 20%) !default;
19
19
 
20
20
  // We use these to style the triangle pip.
21
- $f-dropdown-triangle-size: 6px !default;
22
- $f-dropdown-triangle-color: #fff !default;
21
+ $f-dropdown-triangle-size: 6px !default;
22
+ $f-dropdown-triangle-color: #fff !default;
23
23
  $f-dropdown-triangle-side-offset: 10px !default;
24
24
 
25
25
  // We use these to control styles for the list elements.
26
- $f-dropdown-list-style: none !default;
27
- $f-dropdown-font-color: #555 !default;
28
- $f-dropdown-font-size: emCalc(14px) !default;
29
- $f-dropdown-list-padding: emCalc(5px) emCalc(10px) !default;
30
- $f-dropdown-line-height: emCalc(18px) !default;
31
- $f-dropdown-list-hover-bg: #eeeeee !default;
32
- $dropdown-mobile-default-float: 0 !default;
26
+ $f-dropdown-list-style: none !default;
27
+ $f-dropdown-font-color: #555 !default;
28
+ $f-dropdown-font-size: emCalc(14px) !default;
29
+ $f-dropdown-list-padding: emCalc(5px) emCalc(10px) !default;
30
+ $f-dropdown-line-height: emCalc(18px) !default;
31
+ $f-dropdown-list-hover-bg: #eeeeee !default;
32
+ $dropdown-mobile-default-float: 0 !default;
33
33
 
34
34
  // We use this to control the styles for when the dropdown has custom content.
35
- $f-dropdown-content-padding: emCalc(20px) !default;
35
+ $f-dropdown-content-padding: emCalc(20px) !default;
36
36
 
37
37
  //
38
38
  // Dropdown Mixins
@@ -45,6 +45,7 @@ $f-dropdown-content-padding: emCalc(20px) !default;
45
45
  position: absolute;
46
46
  top: -9999px;
47
47
  list-style: $f-dropdown-list-style;
48
+ margin-#{$default-float}: 0;
48
49
 
49
50
  > *:first-child { margin-top: 0; }
50
51
  > *:last-child { margin-bottom: 0; }
data/scss/foundation/components/_flex-video.scss CHANGED
@@ -4,9 +4,9 @@
4
4
  $include-html-media-classes: $include-html-classes !default;
5
5
 
6
6
  // We use these to control video container padding and margins
7
- $flex-video-padding-top: emCalc(25px) !default;
8
- $flex-video-padding-bottom: 67.5% !default;
9
- $flex-video-margin-bottom: emCalc(16px) !default;
7
+ $flex-video-padding-top: emCalc(25px) !default;
8
+ $flex-video-padding-bottom: 67.5% !default;
9
+ $flex-video-margin-bottom: emCalc(16px) !default;
10
10
 
11
11
  // We use this to control widescreen bottom padding
12
12
  $flex-video-widescreen-padding-bottom: 57.25% !default;
data/scss/foundation/components/_forms.scss CHANGED
@@ -4,59 +4,59 @@
4
4
  $include-html-form-classes: $include-html-classes !default;
5
5
 
6
6
  // We use this to set the base for lots of form spacing and positioning styles
7
- $form-spacing: emCalc(16px) !default;
7
+ $form-spacing: emCalc(16px) !default;
8
8
 
9
9
  // We use these to style the labels in different ways
10
- $form-label-pointer: pointer !default;
11
- $form-label-font-size: emCalc(14px) !default;
12
- $form-label-font-weight: 500 !default;
13
- $form-label-font-color: lighten(#000, 30%) !default;
14
- $form-label-bottom-margin: emCalc(3px) !default;
15
- $input-font-family: inherit !default;
16
- $input-font-color: rgba(0,0,0,0.75) !default;
17
- $input-font-size: emCalc(14px) !default;
18
- $input-bg-color: #fff !default;
19
- $input-focus-bg-color: darken(#fff, 2%) !default;
20
- $input-border-color: darken(#fff, 20%) !default;
21
- $input-focus-border-color: darken(#fff, 40%) !default;
22
- $input-border-style: solid !default;
23
- $input-border-width: 1px !default;
24
- $input-disabled-bg: #ddd !default;
25
- $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;
26
- $input-include-glowing-effect: true !default;
10
+ $form-label-pointer: pointer !default;
11
+ $form-label-font-size: emCalc(14px) !default;
12
+ $form-label-font-weight: 500 !default;
13
+ $form-label-font-color: lighten(#000, 30%) !default;
14
+ $form-label-bottom-margin: emCalc(3px) !default;
15
+ $input-font-family: inherit !default;
16
+ $input-font-color: rgba(0,0,0,0.75) !default;
17
+ $input-font-size: emCalc(14px) !default;
18
+ $input-bg-color: #fff !default;
19
+ $input-focus-bg-color: darken(#fff, 2%) !default;
20
+ $input-border-color: darken(#fff, 20%) !default;
21
+ $input-focus-border-color: darken(#fff, 40%) !default;
22
+ $input-border-style: solid !default;
23
+ $input-border-width: 1px !default;
24
+ $input-disabled-bg: #ddd !default;
25
+ $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;
26
+ $input-include-glowing-effect: true !default;
27
27
 
28
28
  // We use these to style the fieldset border and spacing.
29
- $fieldset-border-style: solid !default;
30
- $fieldset-border-width: 1px !default;
31
- $fieldset-border-color: #ddd !default;
32
- $fieldset-padding: emCalc(20px) !default;
33
- $fieldset-margin: emCalc(18px) 0 !default;
29
+ $fieldset-border-style: solid !default;
30
+ $fieldset-border-width: 1px !default;
31
+ $fieldset-border-color: #ddd !default;
32
+ $fieldset-padding: emCalc(20px) !default;
33
+ $fieldset-margin: emCalc(18px) 0 !default;
34
34
 
35
35
  // We use these to style the legends when you use them
36
- $legend-bg: #fff !default;
37
- $legend-font-weight: bold !default;
38
- $legend-padding: 0 emCalc(3px) !default;
36
+ $legend-bg: #fff !default;
37
+ $legend-font-weight: bold !default;
38
+ $legend-padding: 0 emCalc(3px) !default;
39
39
 
40
40
  // We use these to style the prefix and postfix input elements
41
- $input-prefix-bg: darken(#fff, 5%) !default;
42
- $input-prefix-border-color: darken(#fff, 20%) !default;
43
- $input-prefix-border-size: 1px !default;
44
- $input-prefix-border-type: solid !default;
45
- $input-prefix-overflow: hidden !default;
46
- $input-prefix-font-color: #333 !default;
47
- $input-prefix-font-color-alt: #fff !default;
41
+ $input-prefix-bg: darken(#fff, 5%) !default;
42
+ $input-prefix-border-color: darken(#fff, 20%) !default;
43
+ $input-prefix-border-size: 1px !default;
44
+ $input-prefix-border-type: solid !default;
45
+ $input-prefix-overflow: hidden !default;
46
+ $input-prefix-font-color: #333 !default;
47
+ $input-prefix-font-color-alt: #fff !default;
48
48
 
49
49
  // We use these to style the error states for inputs and labels
50
- $input-error-message-padding: emCalc(6px) emCalc(4px) !default;
51
- $input-error-message-top: -($form-spacing) - emCalc(5px) !default;
52
- $input-error-message-font-size: emCalc(12px) !default;
53
- $input-error-message-font-weight: bold !default;
54
- $input-error-message-font-color: #fff !default;
50
+ $input-error-message-padding: emCalc(6px) emCalc(4px) !default;
51
+ $input-error-message-top: -($form-spacing) - emCalc(5px) !default;
52
+ $input-error-message-font-size: emCalc(12px) !default;
53
+ $input-error-message-font-weight: bold !default;
54
+ $input-error-message-font-color: #fff !default;
55
55
  $input-error-message-font-color-alt: #333 !default;
56
56
 
57
57
  // We use this to style the glowing effect of inputs when focused
58
- $glowing-effect-fade-time: 0.45s !default;
59
- $glowing-effect-color: $input-focus-border-color !default;
58
+ $glowing-effect-fade-time: 0.45s !default;
59
+ $glowing-effect-color: $input-focus-border-color !default;
60
60
 
61
61
  //
62
62
  // Form Mixins
data/scss/foundation/components/_grid.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  //
4
4
  $include-html-grid-classes: $include-html-classes !default;
5
5
 
6
- $row-width: emCalc(1000px) !default;
6
+ $row-width: emCalc(1000px) !default;
7
7
  $column-gutter: emCalc(30px) !default;
8
8
  $total-columns: 12 !default;
9
9
 
data/scss/foundation/components/_inline-lists.scss CHANGED
@@ -9,13 +9,13 @@ $inline-list-opposite-margin: 0 !default;
9
9
  $inline-list-bottom-margin: emCalc(17px) !default;
10
10
  $inline-list-default-float-margin: emCalc(-22px) !default;
11
11
 
12
- $inline-list-padding: 0 !default;
12
+ $inline-list-padding: 0 !default;
13
13
 
14
14
  // We use this to control the overflow of the inline list.
15
- $inline-list-overflow: hidden !default;
15
+ $inline-list-overflow: hidden !default;
16
16
 
17
17
  // We use this to control the list items
18
- $inline-list-display: block !default;
18
+ $inline-list-display: block !default;
19
19
 
20
20
  // We use this to control any elments within list items
21
21
  $inline-list-children-display: block !default;
@@ -26,7 +26,7 @@ $inline-list-children-display: block !default;
26
26
 
27
27
  // We use this mixin to create inline lists
28
28
  @mixin inline-list {
29
- margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;
29
+ margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;
30
30
  margin-#{$default-float}: $inline-list-default-float-margin;
31
31
  margin-#{$opposite-direction}: $inline-list-opposite-margin;
32
32
  padding: $inline-list-padding;
data/scss/foundation/components/_joyride.scss CHANGED
@@ -4,33 +4,33 @@
4
4
  $include-html-joyride-classes: $include-html-classes !default;
5
5
 
6
6
  // Controlling default Joyride styles
7
- $joyride-tip-bg: rgb(0,0,0) !default;
8
- $joyride-tip-default-width: 300px !default;
9
- $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px) !default;
10
- $joyride-tip-border: solid 1px #555 !default;
11
- $joyride-tip-radius: 4px !default;
7
+ $joyride-tip-bg: rgb(0,0,0) !default;
8
+ $joyride-tip-default-width: 300px !default;
9
+ $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px) !default;
10
+ $joyride-tip-border: solid 1px #555 !default;
11
+ $joyride-tip-radius: 4px !default;
12
12
  $joyride-tip-position-offset: 22px !default;
13
13
 
14
14
  // Here, we're setting the tip dont styles
15
- $joyride-tip-font-color: #fff !default;
16
- $joyride-tip-font-size: emCalc(14px) !default;
17
- $joyride-tip-header-weight: bold !default;
15
+ $joyride-tip-font-color: #fff !default;
16
+ $joyride-tip-font-size: emCalc(14px) !default;
17
+ $joyride-tip-header-weight: bold !default;
18
18
 
19
19
  // This changes the nub size
20
- $joyride-tip-nub-size: 14px !default;
20
+ $joyride-tip-nub-size: 14px !default;
21
21
 
22
22
  // This adjusts the styles for the timer when its enabled
23
- $joyride-tip-timer-width: 50px !default;
24
- $joyride-tip-timer-height: 3px !default;
25
- $joyride-tip-timer-color: #666 !default;
23
+ $joyride-tip-timer-width: 50px !default;
24
+ $joyride-tip-timer-height: 3px !default;
25
+ $joyride-tip-timer-color: #666 !default;
26
26
 
27
27
  // This changes up the styles for the close button
28
- $joyride-tip-close-color: #777 !default;
29
- $joyride-tip-close-size: 30px !default;
30
- $joyride-tip-close-weight: normal !default;
28
+ $joyride-tip-close-color: #777 !default;
29
+ $joyride-tip-close-size: 30px !default;
30
+ $joyride-tip-close-weight: normal !default;
31
31
 
32
32
  // When Joyride is filling the screen, we use this style for the bg
33
- $joyride-screenfill: rgba(0,0,0,0.5) !default;
33
+ $joyride-screenfill: rgba(0,0,0,0.5) !default;
34
34
 
35
35
 
36
36
  // We decided not to make a mixin for this because it relies on predefined classes to work properly.
data/scss/foundation/components/_keystrokes.scss CHANGED
@@ -4,21 +4,21 @@
4
4
  $include-html-type-classes: $include-html-classes !default;
5
5
 
6
6
  // We use these to control text styles.
7
- $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
8
- $keystroke-font-size: emCalc(14px) !default;
9
- $keystroke-font-color: #222 !default;
10
- $keystroke-font-color-alt: #fff !default;
7
+ $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
8
+ $keystroke-font-size: emCalc(14px) !default;
9
+ $keystroke-font-color: #222 !default;
10
+ $keystroke-font-color-alt: #fff !default;
11
11
  $keystroke-function-factor: 7% !default;
12
12
 
13
13
  // We use this to control keystroke padding.
14
- $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px) !default;
14
+ $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px) !default;
15
15
 
16
16
  // We use these to control background and border styles.
17
- $keystroke-bg: darken(#fff, $keystroke-function-factor) !default;
18
- $keystroke-border-style: solid !default;
19
- $keystroke-border-width: 1px !default;
20
- $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor) !default;
21
- $keystroke-radius: $global-radius !default;
17
+ $keystroke-bg: darken(#fff, $keystroke-function-factor) !default;
18
+ $keystroke-border-style: solid !default;
19
+ $keystroke-border-width: 1px !default;
20
+ $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor) !default;
21
+ $keystroke-radius: $global-radius !default;
22
22
 
23
23
  //
24
24
  // Keystroke Mixins