foundation-scss 6.3.1.0
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 +7 -0
- data/_vendor/normalize-scss/sass/_normalize.scss +3 -0
- data/_vendor/normalize-scss/sass/normalize/_import-now.scss +11 -0
- data/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss +676 -0
- data/_vendor/normalize-scss/sass/normalize/_variables.scss +36 -0
- data/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss +61 -0
- data/_vendor/sassy-lists/stylesheets/functions/_purge.scss +38 -0
- data/_vendor/sassy-lists/stylesheets/functions/_remove.scss +31 -0
- data/_vendor/sassy-lists/stylesheets/functions/_replace.scss +46 -0
- data/_vendor/sassy-lists/stylesheets/functions/_to-list.scss +27 -0
- data/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss +25 -0
- data/_vendor/sassy-lists/stylesheets/helpers/_true.scss +13 -0
- data/foundation-scss.gemspec +9 -0
- data/lib/foundation/scss/in/sass_path.rb +6 -0
- data/scss/_global.scss +219 -0
- data/scss/components/_accordion-menu.scss +36 -0
- data/scss/components/_accordion.scss +150 -0
- data/scss/components/_badge.scss +63 -0
- data/scss/components/_breadcrumbs.scss +100 -0
- data/scss/components/_button-group.scss +253 -0
- data/scss/components/_button.scss +332 -0
- data/scss/components/_callout.scss +106 -0
- data/scss/components/_card.scss +121 -0
- data/scss/components/_close-button.scss +102 -0
- data/scss/components/_drilldown.scss +93 -0
- data/scss/components/_dropdown-menu.scss +226 -0
- data/scss/components/_dropdown.scss +72 -0
- data/scss/components/_flex-video.scss +1 -0
- data/scss/components/_flex.scss +34 -0
- data/scss/components/_float.scss +27 -0
- data/scss/components/_label.scss +64 -0
- data/scss/components/_media-object.scss +114 -0
- data/scss/components/_menu-icon.scss +9 -0
- data/scss/components/_menu.scss +376 -0
- data/scss/components/_off-canvas.scss +329 -0
- data/scss/components/_orbit.scss +196 -0
- data/scss/components/_pagination.scss +193 -0
- data/scss/components/_progress-bar.scss +64 -0
- data/scss/components/_responsive-embed.scss +70 -0
- data/scss/components/_reveal.scss +178 -0
- data/scss/components/_slider.scss +138 -0
- data/scss/components/_sticky.scss +38 -0
- data/scss/components/_switch.scss +247 -0
- data/scss/components/_table.scss +329 -0
- data/scss/components/_tabs.scss +196 -0
- data/scss/components/_thumbnail.scss +67 -0
- data/scss/components/_title-bar.scss +84 -0
- data/scss/components/_tooltip.scss +107 -0
- data/scss/components/_top-bar.scss +173 -0
- data/scss/components/_visibility.scss +132 -0
- data/scss/forms/_checkbox.scss +41 -0
- data/scss/forms/_error.scss +88 -0
- data/scss/forms/_fieldset.scss +54 -0
- data/scss/forms/_forms.scss +34 -0
- data/scss/forms/_help-text.scss +30 -0
- data/scss/forms/_input-group.scss +135 -0
- data/scss/forms/_label.scss +50 -0
- data/scss/forms/_meter.scss +110 -0
- data/scss/forms/_progress.scss +94 -0
- data/scss/forms/_range.scss +149 -0
- data/scss/forms/_select.scss +85 -0
- data/scss/forms/_text.scss +170 -0
- data/scss/foundation.scss +118 -0
- data/scss/grid/_classes.scss +176 -0
- data/scss/grid/_column.scss +112 -0
- data/scss/grid/_flex-grid.scss +312 -0
- data/scss/grid/_grid.scss +48 -0
- data/scss/grid/_gutter.scss +82 -0
- data/scss/grid/_layout.scss +76 -0
- data/scss/grid/_position.scss +76 -0
- data/scss/grid/_row.scss +99 -0
- data/scss/grid/_size.scss +24 -0
- data/scss/settings/_settings.scss +620 -0
- data/scss/typography/_alignment.scss +22 -0
- data/scss/typography/_base.scss +509 -0
- data/scss/typography/_helpers.scss +78 -0
- data/scss/typography/_print.scss +86 -0
- data/scss/typography/_typography.scss +26 -0
- data/scss/util/_breakpoint.scss +281 -0
- data/scss/util/_color.scss +126 -0
- data/scss/util/_direction.scss +31 -0
- data/scss/util/_flex.scss +85 -0
- data/scss/util/_math.scss +72 -0
- data/scss/util/_mixins.scss +276 -0
- data/scss/util/_selector.scss +41 -0
- data/scss/util/_typography.scss +26 -0
- data/scss/util/_unit.scss +152 -0
- data/scss/util/_util.scss +14 -0
- data/scss/util/_value.scss +160 -0
- metadata +144 -0
@@ -0,0 +1,36 @@
|
|
1
|
+
//
|
2
|
+
// Variables
|
3
|
+
//
|
4
|
+
// You can override the default values by setting the variables in your Sass
|
5
|
+
// before importing the normalize-scss library.
|
6
|
+
|
7
|
+
// The font size set on the root html element.
|
8
|
+
$base-font-size: 16px !default;
|
9
|
+
|
10
|
+
// The base line height determines the basic unit of vertical rhythm.
|
11
|
+
$base-line-height: 24px !default;
|
12
|
+
|
13
|
+
// The length unit in which to output vertical rhythm values.
|
14
|
+
// Supported values: px, em, rem.
|
15
|
+
$base-unit: 'em' !default;
|
16
|
+
|
17
|
+
// The default font family.
|
18
|
+
$base-font-family: sans-serif !default;
|
19
|
+
|
20
|
+
// The font sizes for h1-h6.
|
21
|
+
$h1-font-size: 2 * $base-font-size !default;
|
22
|
+
$h2-font-size: 1.5 * $base-font-size !default;
|
23
|
+
$h3-font-size: 1.17 * $base-font-size !default;
|
24
|
+
$h4-font-size: 1 * $base-font-size !default;
|
25
|
+
$h5-font-size: 0.83 * $base-font-size !default;
|
26
|
+
$h6-font-size: 0.67 * $base-font-size !default;
|
27
|
+
|
28
|
+
// The amount lists and blockquotes are indented.
|
29
|
+
$indent-amount: 40px !default;
|
30
|
+
|
31
|
+
// The following variable controls whether normalize-scss will output
|
32
|
+
// font-sizes, line-heights and block-level top/bottom margins that form a basic
|
33
|
+
// vertical rhythm on the page, which differs from the original Normalize.css.
|
34
|
+
// However, changing any of the variables above will cause
|
35
|
+
// $normalize-vertical-rhythm to be automatically set to true.
|
36
|
+
$normalize-vertical-rhythm: false !default;
|
@@ -0,0 +1,61 @@
|
|
1
|
+
//
|
2
|
+
// Vertical Rhythm
|
3
|
+
//
|
4
|
+
// This is the minimal amount of code needed to create vertical rhythm in our
|
5
|
+
// CSS. If you are looking for a robust solution, look at the excellent Typey
|
6
|
+
// library. @see https://github.com/jptaranto/typey
|
7
|
+
|
8
|
+
@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
|
9
|
+
@if unit($value) != px {
|
10
|
+
@error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
|
11
|
+
}
|
12
|
+
@if $unit == rem {
|
13
|
+
@return ($value / $base-font-size) * 1rem;
|
14
|
+
}
|
15
|
+
@else if $unit == em {
|
16
|
+
@return ($value / $relative-to) * 1em;
|
17
|
+
}
|
18
|
+
@else { // $unit == px
|
19
|
+
@return $value;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin normalize-font-size($value, $relative-to: $base-font-size) {
|
24
|
+
@if unit($value) != 'px' {
|
25
|
+
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
26
|
+
}
|
27
|
+
font-size: normalize-rhythm($value, $relative-to);
|
28
|
+
}
|
29
|
+
|
30
|
+
@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
|
31
|
+
$value-list: $values;
|
32
|
+
$sep: space;
|
33
|
+
@if type-of($values) == 'list' {
|
34
|
+
$sep: list-separator($values);
|
35
|
+
}
|
36
|
+
@else {
|
37
|
+
$value-list: append((), $values);
|
38
|
+
}
|
39
|
+
|
40
|
+
$normalized-values: ();
|
41
|
+
@each $value in $value-list {
|
42
|
+
@if unitless($value) and $value != 0 {
|
43
|
+
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
44
|
+
}
|
45
|
+
$normalized-values: append($normalized-values, $value, $sep);
|
46
|
+
}
|
47
|
+
#{$property}: $normalized-values;
|
48
|
+
}
|
49
|
+
|
50
|
+
@mixin normalize-margin($values, $relative-to: $base-font-size) {
|
51
|
+
@include normalize-rhythm(margin, $values, $relative-to);
|
52
|
+
}
|
53
|
+
|
54
|
+
@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
|
55
|
+
$lines: ceil($font-size / $base-line-height);
|
56
|
+
// If lines are cramped include some extra leading.
|
57
|
+
@if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
|
58
|
+
$lines: $lines + 1;
|
59
|
+
}
|
60
|
+
@include normalize-rhythm(line-height, $lines, $font-size);
|
61
|
+
}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
/// Removes all false and null values from `$list`.
|
2
|
+
///
|
3
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge
|
4
|
+
///
|
5
|
+
/// @requires sl-is-true
|
6
|
+
/// @requires sl-to-list
|
7
|
+
///
|
8
|
+
/// @param {List} $list - list to purge
|
9
|
+
///
|
10
|
+
/// @example
|
11
|
+
/// sl-purge(null a false b)
|
12
|
+
/// // a b
|
13
|
+
///
|
14
|
+
/// @return {List}
|
15
|
+
///
|
16
|
+
|
17
|
+
@function sl-purge($list) {
|
18
|
+
$_: sl-missing-dependencies('sl-is-true', 'sl-to-list');
|
19
|
+
|
20
|
+
$result: ();
|
21
|
+
|
22
|
+
@each $item in $list {
|
23
|
+
@if sl-is-true($item) {
|
24
|
+
$result: append($result, $item, list-separator($list));
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
@return sl-to-list($result);
|
29
|
+
}
|
30
|
+
|
31
|
+
///
|
32
|
+
/// @requires sl-purge
|
33
|
+
/// @alias sl-purge
|
34
|
+
///
|
35
|
+
|
36
|
+
@function sl-clean($list) {
|
37
|
+
@return sl-purge($list);
|
38
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
///
|
2
|
+
/// Removes value(s) `$value` from `$list`.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove
|
5
|
+
///
|
6
|
+
/// @requires sl-replace
|
7
|
+
///
|
8
|
+
/// @param {List} $list - list to update
|
9
|
+
/// @param {*} $value - value to remove
|
10
|
+
///
|
11
|
+
/// @example
|
12
|
+
/// sl-remove(a b c, a)
|
13
|
+
/// // b c
|
14
|
+
///
|
15
|
+
/// @return {List}
|
16
|
+
///
|
17
|
+
|
18
|
+
@function sl-remove($list, $value) {
|
19
|
+
$_: sl-missing-dependencies('sl-replace');
|
20
|
+
|
21
|
+
@return sl-replace($list, $value, null);
|
22
|
+
}
|
23
|
+
|
24
|
+
///
|
25
|
+
/// @requires sl-remove
|
26
|
+
/// @alias sl-remove
|
27
|
+
///
|
28
|
+
|
29
|
+
@function sl-without($list, $value) {
|
30
|
+
@return sl-remove($list, $value);
|
31
|
+
}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
///
|
2
|
+
/// Replaces `$old` by `$new` in `$list`.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace
|
5
|
+
///
|
6
|
+
/// @requires sl-is-true
|
7
|
+
/// @requires sl-purge
|
8
|
+
/// @requires sl-to-list
|
9
|
+
///
|
10
|
+
/// @param {List} $list - list to update
|
11
|
+
/// @param {*} $old - value to replace
|
12
|
+
/// @param {*} $value - new value for $old
|
13
|
+
///
|
14
|
+
/// @example
|
15
|
+
/// sl-replace(a b c, b, z)
|
16
|
+
/// // a z c
|
17
|
+
///
|
18
|
+
/// @example
|
19
|
+
/// sl-replace(a b c, y, z)
|
20
|
+
/// // a b c
|
21
|
+
///
|
22
|
+
/// @return {List}
|
23
|
+
///
|
24
|
+
|
25
|
+
@function sl-replace($list, $old, $value) {
|
26
|
+
$_: sl-missing-dependencies('sl-is-true', 'sl-purge', 'sl-to-list');
|
27
|
+
|
28
|
+
$running: true;
|
29
|
+
|
30
|
+
@while $running {
|
31
|
+
$index: index($list, $old);
|
32
|
+
|
33
|
+
@if not $index {
|
34
|
+
$running: false;
|
35
|
+
}
|
36
|
+
|
37
|
+
@else {
|
38
|
+
$list: set-nth($list, $index, $value);
|
39
|
+
}
|
40
|
+
|
41
|
+
}
|
42
|
+
|
43
|
+
$list: if(sl-is-true($value), $list, sl-purge($list));
|
44
|
+
|
45
|
+
@return sl-to-list($list);
|
46
|
+
}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
///
|
2
|
+
/// Casts `$value` into a list.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list
|
5
|
+
///
|
6
|
+
/// @param {*} $value - value to cast to list
|
7
|
+
/// @param {String} $separator [space] - separator to use
|
8
|
+
///
|
9
|
+
/// @example
|
10
|
+
/// sl-to-list(a b c, comma)
|
11
|
+
/// // a, b, c
|
12
|
+
///
|
13
|
+
/// @return {List}
|
14
|
+
///
|
15
|
+
|
16
|
+
@function sl-to-list($value, $separator: list-separator($value)) {
|
17
|
+
@return join((), $value, $separator);
|
18
|
+
}
|
19
|
+
|
20
|
+
///
|
21
|
+
/// @requires sl-to-list
|
22
|
+
/// @alias sl-to-list
|
23
|
+
///
|
24
|
+
|
25
|
+
@function sl-listify($value) {
|
26
|
+
@return sl-to-list($value);
|
27
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
///
|
2
|
+
/// Checks whether `$functions` exist in global scope.
|
3
|
+
///
|
4
|
+
/// @access private
|
5
|
+
///
|
6
|
+
/// @param {ArgList} $functions - list of functions to check for
|
7
|
+
///
|
8
|
+
/// @return {Bool} Whether or not there are missing dependencies
|
9
|
+
///
|
10
|
+
|
11
|
+
@function sl-missing-dependencies($functions...) {
|
12
|
+
$missing-dependencies: ();
|
13
|
+
|
14
|
+
@each $function in $functions {
|
15
|
+
@if not function-exists($function) {
|
16
|
+
$missing-dependencies: append($missing-dependencies, $function, comma);
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
@if length($missing-dependencies) > 0 {
|
21
|
+
@error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';
|
22
|
+
}
|
23
|
+
|
24
|
+
@return length($missing-dependencies) > 0;
|
25
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
///
|
2
|
+
/// Returns truthiness of `$value`.
|
3
|
+
///
|
4
|
+
/// @access private
|
5
|
+
///
|
6
|
+
/// @param {*} $value - value to check
|
7
|
+
///
|
8
|
+
/// @return {Bool}
|
9
|
+
///
|
10
|
+
|
11
|
+
@function sl-is-true($value) {
|
12
|
+
@return if($value == null, false, $value and $value != null and $value != '' and $value != ());
|
13
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
Gem::Specification.new do |g|
|
2
|
+
g.name = 'foundation-scss'
|
3
|
+
g.files = `git ls-files`.split($/)
|
4
|
+
g.version = '6.3.1.0'
|
5
|
+
g.summary = 'SCSS files from Zurb Foundation'
|
6
|
+
g.authors = ['https://github.com/zurb/foundation-sites']
|
7
|
+
|
8
|
+
g.add_dependency 'sass_paths'
|
9
|
+
end
|
data/scss/_global.scss
ADDED
@@ -0,0 +1,219 @@
|
|
1
|
+
// Foundation for Sites by ZURB
|
2
|
+
// foundation.zurb.com
|
3
|
+
// Licensed under MIT Open Source
|
4
|
+
|
5
|
+
// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
|
6
|
+
|
7
|
+
////
|
8
|
+
/// @group global
|
9
|
+
////
|
10
|
+
|
11
|
+
/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.
|
12
|
+
/// @type Number
|
13
|
+
$global-font-size: 100% !default;
|
14
|
+
|
15
|
+
/// Global width of your site. Used by the grid to determine row width.
|
16
|
+
/// @type Number
|
17
|
+
$global-width: rem-calc(1200) !default;
|
18
|
+
|
19
|
+
/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px
|
20
|
+
/// @type Number
|
21
|
+
$global-lineheight: 1.5 !default;
|
22
|
+
|
23
|
+
/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
|
24
|
+
/// @type Map
|
25
|
+
$foundation-palette: (
|
26
|
+
primary: #1779ba,
|
27
|
+
secondary: #767676,
|
28
|
+
success: #3adb76,
|
29
|
+
warning: #ffae00,
|
30
|
+
alert: #cc4b37,
|
31
|
+
) !default;
|
32
|
+
|
33
|
+
/// Color used for light gray UI items.
|
34
|
+
/// @type Color
|
35
|
+
$light-gray: #e6e6e6 !default;
|
36
|
+
|
37
|
+
/// Color used for medium gray UI items.
|
38
|
+
/// @type Color
|
39
|
+
$medium-gray: #cacaca !default;
|
40
|
+
|
41
|
+
/// Color used for dark gray UI items.
|
42
|
+
/// @type Color
|
43
|
+
$dark-gray: #8a8a8a !default;
|
44
|
+
|
45
|
+
/// Color used for black ui items.
|
46
|
+
/// @type Color
|
47
|
+
$black: #0a0a0a !default;
|
48
|
+
|
49
|
+
/// Color used for white ui items.
|
50
|
+
/// @type Color
|
51
|
+
$white: #fefefe !default;
|
52
|
+
|
53
|
+
/// Background color of the body.
|
54
|
+
/// @type Color
|
55
|
+
$body-background: $white !default;
|
56
|
+
|
57
|
+
/// Text color of the body.
|
58
|
+
/// @type Color
|
59
|
+
$body-font-color: $black !default;
|
60
|
+
|
61
|
+
/// Font stack of the body.
|
62
|
+
/// @type List
|
63
|
+
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;
|
64
|
+
|
65
|
+
/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.
|
66
|
+
/// @type Boolean
|
67
|
+
$body-antialiased: true !default;
|
68
|
+
|
69
|
+
/// Global value used for margin on components.
|
70
|
+
/// @type Number
|
71
|
+
$global-margin: 1rem !default;
|
72
|
+
|
73
|
+
/// Global value used for padding on components.
|
74
|
+
/// @type Number
|
75
|
+
$global-padding: 1rem !default;
|
76
|
+
|
77
|
+
/// Global font weight used for normal type.
|
78
|
+
/// @type Keyword | Number
|
79
|
+
$global-weight-normal: normal !default;
|
80
|
+
|
81
|
+
/// Global font weight used for bold type.
|
82
|
+
/// @type Keyword | Number
|
83
|
+
$global-weight-bold: bold !default;
|
84
|
+
|
85
|
+
/// Global value used for all elements that have a border radius.
|
86
|
+
/// @type Number
|
87
|
+
$global-radius: 0 !default;
|
88
|
+
|
89
|
+
/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
|
90
|
+
/// @type Keyword
|
91
|
+
$global-text-direction: ltr !default;
|
92
|
+
|
93
|
+
/// Enables flexbox for components that support it.
|
94
|
+
/// @type Boolean
|
95
|
+
$global-flexbox: false !default;
|
96
|
+
|
97
|
+
@if not map-has-key($foundation-palette, primary) {
|
98
|
+
@error 'In $foundation-palette, you must have a color named "primary".';
|
99
|
+
}
|
100
|
+
|
101
|
+
// Internal variables used for text direction
|
102
|
+
$global-left: if($global-text-direction == rtl, right, left);
|
103
|
+
$global-right: if($global-text-direction == rtl, left, right);
|
104
|
+
|
105
|
+
// Internal variables used for colors
|
106
|
+
$primary-color: get-color(primary);
|
107
|
+
$secondary-color: get-color(secondary);
|
108
|
+
$success-color: get-color(success);
|
109
|
+
$warning-color: get-color(warning);
|
110
|
+
$alert-color: get-color(alert);
|
111
|
+
|
112
|
+
@mixin foundation-global-styles {
|
113
|
+
@include -zf-normalize;
|
114
|
+
|
115
|
+
// These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
|
116
|
+
.foundation-mq {
|
117
|
+
font-family: '#{-zf-bp-serialize($breakpoints)}';
|
118
|
+
}
|
119
|
+
|
120
|
+
html {
|
121
|
+
box-sizing: border-box;
|
122
|
+
font-size: $global-font-size;
|
123
|
+
}
|
124
|
+
|
125
|
+
// Set box-sizing globally to handle padding and border widths
|
126
|
+
*,
|
127
|
+
*::before,
|
128
|
+
*::after {
|
129
|
+
box-sizing: inherit;
|
130
|
+
}
|
131
|
+
|
132
|
+
// Default body styles
|
133
|
+
body {
|
134
|
+
margin: 0;
|
135
|
+
padding: 0;
|
136
|
+
|
137
|
+
background: $body-background;
|
138
|
+
|
139
|
+
font-family: $body-font-family;
|
140
|
+
font-weight: $global-weight-normal;
|
141
|
+
line-height: $global-lineheight;
|
142
|
+
color: $body-font-color;
|
143
|
+
|
144
|
+
@if ($body-antialiased) {
|
145
|
+
-webkit-font-smoothing: antialiased;
|
146
|
+
-moz-osx-font-smoothing: grayscale;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
|
150
|
+
img {
|
151
|
+
// Get rid of gap under images by making them display: inline-block; by default
|
152
|
+
display: inline-block;
|
153
|
+
vertical-align: middle;
|
154
|
+
|
155
|
+
// Grid defaults to get images and embeds to work properly
|
156
|
+
max-width: 100%;
|
157
|
+
height: auto;
|
158
|
+
-ms-interpolation-mode: bicubic;
|
159
|
+
}
|
160
|
+
|
161
|
+
// Make sure textarea takes on height automatically
|
162
|
+
textarea {
|
163
|
+
height: auto;
|
164
|
+
min-height: 50px;
|
165
|
+
border-radius: $global-radius;
|
166
|
+
}
|
167
|
+
|
168
|
+
// Make select elements are 100% width by default
|
169
|
+
select {
|
170
|
+
box-sizing: border-box;
|
171
|
+
width: 100%;
|
172
|
+
border-radius: $global-radius;
|
173
|
+
}
|
174
|
+
|
175
|
+
// Styles Google Maps and MapQuest embeds properly
|
176
|
+
// sass-lint:disable-line no-ids
|
177
|
+
.map_canvas,
|
178
|
+
.mqa-display {
|
179
|
+
img,
|
180
|
+
embed,
|
181
|
+
object {
|
182
|
+
max-width: none !important;
|
183
|
+
}
|
184
|
+
}
|
185
|
+
|
186
|
+
// Reset <button> styles created by most browsers
|
187
|
+
button {
|
188
|
+
@include disable-mouse-outline;
|
189
|
+
|
190
|
+
padding: 0;
|
191
|
+
|
192
|
+
appearance: none;
|
193
|
+
border: 0;
|
194
|
+
border-radius: $global-radius;
|
195
|
+
background: transparent;
|
196
|
+
|
197
|
+
line-height: 1;
|
198
|
+
}
|
199
|
+
|
200
|
+
// Prevent text overflow on pre
|
201
|
+
pre {
|
202
|
+
overflow: auto;
|
203
|
+
}
|
204
|
+
|
205
|
+
// Internal classes to show/hide elements in JavaScript
|
206
|
+
.is-visible {
|
207
|
+
display: block !important;
|
208
|
+
}
|
209
|
+
|
210
|
+
.is-hidden {
|
211
|
+
display: none !important;
|
212
|
+
}
|
213
|
+
}
|
214
|
+
|
215
|
+
/// Loads normalize.css.
|
216
|
+
/// @access private
|
217
|
+
@mixin -zf-normalize {
|
218
|
+
@include normalize();
|
219
|
+
}
|