jekyll-theme-pirati 1.2.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (126) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -17
  3. data/_data/menu.yml +53 -0
  4. data/_includes/candidate_badge.html +6 -15
  5. data/_includes/footer.html +92 -12
  6. data/_includes/head.html +24 -25
  7. data/_includes/header.html +14 -14
  8. data/_includes/js/main.html +71 -14
  9. data/_includes/menu.html +43 -51
  10. data/_includes/people/profile_badge.html +1 -3
  11. data/_includes/right-bar/bar_cal.html +4 -6
  12. data/_includes/right-bar/bar_fb.html +3 -3
  13. data/_includes/right-bar/bar_garant.html +3 -2
  14. data/_includes/right-bar/bar_people.html +21 -18
  15. data/_includes/right-bar/bar_person_contact.html +11 -55
  16. data/_includes/right-bar/rbar.html +3 -3
  17. data/_layouts/komunalni-volby.html +9 -7
  18. data/_sass/_base.scss +114 -1
  19. data/_sass/_settings.scss +1 -1
  20. data/_sass/components/BasicPage.scss +6 -1
  21. data/_sass/components/hero.scss +2 -2
  22. data/_sass/components/icon.scss +5 -1
  23. data/_sass/components/program.scss +5 -1
  24. data/_sass/components/top-bar.scss +236 -491
  25. data/_sass/components/top-sub-nav.scss +1 -1
  26. data/_sass/objects/media.scss +46 -38
  27. data/_sass/utilities/utilities.scss +6 -6
  28. data/assets/css/main.scss +40 -106
  29. data/assets/js/apps.js +8 -0
  30. data/assets/js/apps/scroll-top/ScrollTop.vue +83 -0
  31. data/assets/js/apps/scroll-top/index.js +9 -0
  32. data/assets/js/apps/site-search/SiteSearch.vue +85 -0
  33. data/assets/js/apps/site-search/SiteSearchItemTemplate.vue +29 -0
  34. data/assets/js/apps/site-search/index.js +14 -0
  35. data/assets/js/index.js +52 -0
  36. metadata +9 -91
  37. data/_includes/js/custom.js +0 -245
  38. data/_includes/js/fb.js +0 -15
  39. data/_includes/js/piwik.js +0 -11
  40. data/_includes/js/tw.js +0 -15
  41. data/_includes/people/item.html +0 -49
  42. data/_includes/people/list-2col.html +0 -24
  43. data/_includes/people/list-group.html +0 -12
  44. data/_includes/title/title_header.html +0 -9
  45. data/_sass/components/scroll-top.scss +0 -32
  46. data/_sass/components/welcome-header.scss +0 -188
  47. data/_sass/foundation/_global.scss +0 -638
  48. data/_sass/foundation/components/_accordion-menu.scss +0 -32
  49. data/_sass/foundation/components/_accordion.scss +0 -129
  50. data/_sass/foundation/components/_badge.scss +0 -55
  51. data/_sass/foundation/components/_breadcrumbs.scss +0 -95
  52. data/_sass/foundation/components/_button-group.scss +0 -195
  53. data/_sass/foundation/components/_button.scss +0 -265
  54. data/_sass/foundation/components/_callout.scss +0 -105
  55. data/_sass/foundation/components/_close-button.scss +0 -61
  56. data/_sass/foundation/components/_drilldown.scss +0 -79
  57. data/_sass/foundation/components/_dropdown-menu.scss +0 -221
  58. data/_sass/foundation/components/_dropdown.scss +0 -65
  59. data/_sass/foundation/components/_flex-video.scss +0 -63
  60. data/_sass/foundation/components/_flex.scss +0 -28
  61. data/_sass/foundation/components/_float.scss +0 -27
  62. data/_sass/foundation/components/_label.scss +0 -55
  63. data/_sass/foundation/components/_media-object.scss +0 -115
  64. data/_sass/foundation/components/_menu-icon.scss +0 -9
  65. data/_sass/foundation/components/_menu.scss +0 -314
  66. data/_sass/foundation/components/_off-canvas.scss +0 -177
  67. data/_sass/foundation/components/_orbit.scss +0 -193
  68. data/_sass/foundation/components/_pagination.scss +0 -162
  69. data/_sass/foundation/components/_progress-bar.scss +0 -64
  70. data/_sass/foundation/components/_reveal.scss +0 -172
  71. data/_sass/foundation/components/_slider.scss +0 -133
  72. data/_sass/foundation/components/_sticky.scss +0 -38
  73. data/_sass/foundation/components/_switch.scss +0 -232
  74. data/_sass/foundation/components/_table.scss +0 -234
  75. data/_sass/foundation/components/_tabs.scss +0 -165
  76. data/_sass/foundation/components/_thumbnail.scss +0 -54
  77. data/_sass/foundation/components/_title-bar.scss +0 -89
  78. data/_sass/foundation/components/_tooltip.scss +0 -104
  79. data/_sass/foundation/components/_top-bar.scss +0 -168
  80. data/_sass/foundation/components/_visibility.scss +0 -132
  81. data/_sass/foundation/forms/_checkbox.scss +0 -40
  82. data/_sass/foundation/forms/_error.scss +0 -84
  83. data/_sass/foundation/forms/_fieldset.scss +0 -54
  84. data/_sass/foundation/forms/_forms.scss +0 -34
  85. data/_sass/foundation/forms/_help-text.scss +0 -30
  86. data/_sass/foundation/forms/_input-group.scss +0 -128
  87. data/_sass/foundation/forms/_label.scss +0 -48
  88. data/_sass/foundation/forms/_meter.scss +0 -109
  89. data/_sass/foundation/forms/_progress.scss +0 -85
  90. data/_sass/foundation/forms/_range.scss +0 -144
  91. data/_sass/foundation/forms/_select.scss +0 -67
  92. data/_sass/foundation/forms/_text.scss +0 -163
  93. data/_sass/foundation/foundation.scss +0 -102
  94. data/_sass/foundation/grid/_classes.scss +0 -151
  95. data/_sass/foundation/grid/_column.scss +0 -126
  96. data/_sass/foundation/grid/_flex-grid.scss +0 -274
  97. data/_sass/foundation/grid/_grid.scss +0 -60
  98. data/_sass/foundation/grid/_gutter.scss +0 -34
  99. data/_sass/foundation/grid/_layout.scss +0 -51
  100. data/_sass/foundation/grid/_position.scss +0 -73
  101. data/_sass/foundation/grid/_row.scss +0 -95
  102. data/_sass/foundation/grid/_size.scss +0 -24
  103. data/_sass/foundation/settings/_settings.scss +0 -567
  104. data/_sass/foundation/typography/_alignment.scss +0 -22
  105. data/_sass/foundation/typography/_base.scss +0 -443
  106. data/_sass/foundation/typography/_helpers.scss +0 -77
  107. data/_sass/foundation/typography/_print.scss +0 -77
  108. data/_sass/foundation/typography/_typography.scss +0 -28
  109. data/_sass/foundation/util/_breakpoint.scss +0 -275
  110. data/_sass/foundation/util/_color.scss +0 -60
  111. data/_sass/foundation/util/_flex.scss +0 -68
  112. data/_sass/foundation/util/_mixins.scss +0 -235
  113. data/_sass/foundation/util/_selector.scss +0 -40
  114. data/_sass/foundation/util/_unit.scss +0 -90
  115. data/_sass/foundation/util/_util.scss +0 -11
  116. data/_sass/foundation/util/_value.scss +0 -107
  117. data/_sass/jquery-ui.scss +0 -1311
  118. data/_sass/main.scss +0 -41
  119. data/_sass/minima.scss +0 -51
  120. data/_sass/minima/_base.scss +0 -254
  121. data/_sass/minima/_layout.scss +0 -255
  122. data/_sass/minima/_syntax-highlighting.scss +0 -71
  123. data/_sass/scroll-top.scss +0 -31
  124. data/assets/js/common-libs.min.js +0 -1
  125. data/assets/js/custom.min.js +0 -1
  126. data/assets/snippet/profile.html +0 -19
data/_includes/js/fb.js DELETED
@@ -1,15 +0,0 @@
1
- window.fbAsyncInit = function() {
2
- FB.init({
3
- appId : '1526197851008996',
4
- xfbml : true,
5
- version : 'v2.5'
6
- });
7
- };
8
-
9
- (function(d, s, id){
10
- var js, fjs = d.getElementsByTagName(s)[0];
11
- if (d.getElementById(id)) {return;}
12
- js = d.createElement(s); js.id = id;
13
- js.src = "//connect.facebook.net/en_US/sdk.js";
14
- fjs.parentNode.insertBefore(js, fjs);
15
- }(document, 'script', 'facebook-jssdk'));
@@ -1,11 +0,0 @@
1
- var _paq = _paq || [];
2
- /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
3
- _paq.push(['trackPageView']);
4
- _paq.push(['enableLinkTracking']);
5
- (function() {
6
- var u="//piwik.pirati.cz/";
7
- _paq.push(['setTrackerUrl', u+'piwik.php']);
8
- _paq.push(['setSiteId', '3']);
9
- var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
10
- g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
11
- })();
data/_includes/js/tw.js DELETED
@@ -1,15 +0,0 @@
1
- /* Twitter */
2
- window.twttr = (function(d, s, id) {
3
- var js, fjs = d.getElementsByTagName(s)[0],
4
- t = window.twttr || {};
5
- if (d.getElementById(id)) return t;
6
- js = d.createElement(s);
7
- js.id = id;
8
- js.src = "https://platform.twitter.com/widgets.js";
9
- fjs.parentNode.insertBefore(js, fjs);
10
- t._e = [];
11
- t.ready = function(f) {
12
- t._e.push(f);
13
- };
14
- return t;
15
- }(document, "script", "twitter-wjs"));
@@ -1,49 +0,0 @@
1
- <div class="large-6 small-12 small-colalapse columns end o-section-mediumdown-divided-small">
2
- <div class="o-media o-media--top">
3
-
4
- {% if item.img %}
5
- <div class="o-media__image o-media__image--lgspace">
6
- <object data= "{{ item.img | prepend: '/assets/img/' | relative_url }}" type="image/jpg">
7
- <div class="o-media__image o-media__image--lgspace">
8
- <img src="{{ '/assets/img/people/ppp.jpg' | relative_url }}" alt="{{item.title}}">
9
- </div>
10
- </object>
11
- </div>
12
- {% else %}
13
- <div class="o-media__image o-media__image--lgspace">
14
- <img src="{{ '/assets/img/people/ppp.jpg' | relative_url }}" alt="{{item.title}}">
15
- </div>
16
- {% endif %}
17
-
18
- <div class="o-media__body">
19
- <h2 class="o-media__headline">
20
- {% if item.url contains 'http' %}
21
- {% assign url = item.url %}
22
- {% else %}
23
- {% assign url = item.url | relative_url %}
24
- {% endif %}
25
- <a href="{{url}}">{% if item.name %}{{item.name}}{% else %}{{item.title}}{% endif %}</a>
26
- </h2>
27
- <p>
28
- {{item.description}}
29
- </p>
30
-
31
- {% if item.asistent %}
32
- <p>
33
- Asistent/ka: {{item.asistent.name}}<br />
34
- {{item.asistent.tel}}<br />
35
- <a href="mailto:{{item.asistent.mail}}">{{item.asistent.mail}}</a><br>
36
- </p>
37
-
38
- {% else %}
39
- {% if item.mob or item.mail %}
40
- <p>
41
- {{item.mob}}<br>
42
- <a href="mailto:{{item.mail | first}}">{{item.mail | first}}</a><br>
43
- </p>
44
-
45
- {% endif %}
46
- {% endif %}
47
- </div>
48
- </div>
49
- </div>
@@ -1,24 +0,0 @@
1
- {% comment %}
2
- Dvou sloupcové zobrazení:
3
- týmů v /lide
4
- {% endcomment %}
5
- <div class="row">
6
- {% if 1 == team.size %}
7
- <div class="u-cf o-section-block o-section-block--divided-small o-section-block--divided-small--border">
8
- {% assign item = team | first %}
9
- {% include people/item.html param='item' %}
10
- </div>
11
- {% else %}
12
- {% for item in team %}
13
- {% assign loopindex = forloop.index | modulo: 2 %}
14
- {% if loopindex == 1 %}
15
- <div class="u-cf o-section-block o-section-block--divided-small o-section-block--divided-small--border">
16
- {% endif %}
17
- {% include people/item.html param='item' %}
18
- {% if loopindex == 0 %}
19
- </div>
20
- {% endif %}
21
- {% endfor %}
22
- {% endif %}
23
-
24
- </div>
@@ -1,12 +0,0 @@
1
- {% if team.size > 0 %}
2
- <ul class="c-simple-accordion" data-accordion="" data-options="allowAllClosed: true">
3
- <li class="c-simple-accordion-item is-active" data-accordion-item="">
4
- <a href="#{{team_shortcut}}" class="c-simple-accordion-title">
5
- {{ team_name }}
6
- </a>
7
- <div id="{{team_shortcut}}" class="c-simple-accordion-content" data-tab-content="">
8
- {% include people/list-2col.html param=team %}
9
- </div>
10
- </li>
11
- </ul>
12
- {% endif %}
@@ -1,9 +0,0 @@
1
- <div class="c-welcome-header">
2
- <div class="row">
3
- <div class="small-12 columns">
4
- <div class="c-welcome-header-wrapper c-welcome-header-wrapper--wbg">
5
- <span class="c-welcome-header-wrapper--title">{{ site.data.links.group.short_name }}</span>
6
- </div>
7
- </div>
8
- </div>
9
- </div>
@@ -1,32 +0,0 @@
1
-
2
- .scrolltop {
3
- display:none;
4
- width:100%;
5
- margin:0 auto;
6
- position:fixed;
7
- bottom:20px;
8
- right:10px;
9
- z-index:1;
10
- }
11
- .scroll {
12
- position:absolute;
13
- right:20px;
14
- bottom:20px;
15
- background:#b2b2b2;
16
- background:$light-gray;
17
- padding:20px;
18
- text-align: center;
19
- margin: 0 0 0 0;
20
- cursor:pointer;
21
- transition: 0.5s;
22
- -moz-transition: 0.5s;
23
- -webkit-transition: 0.5s;
24
- -o-transition: 0.5s;
25
- }
26
- .scroll:hover {
27
- background:$medium-gray;
28
- transition: 0.5s;
29
- -moz-transition: 0.5s;
30
- -webkit-transition: 0.5s;
31
- -o-transition: 0.5s;
32
- }
@@ -1,188 +0,0 @@
1
- .c-welcome-header {
2
- height: 350px;
3
- position: relative;
4
- background: url('../img/header/background.jpg') no-repeat;
5
- background-size: cover;
6
- background-position: center 70%;
7
- overflow: hidden;
8
-
9
- div {
10
- height: 100%;
11
- }
12
-
13
- @include breakpoint(medium down) {
14
- height: 390px;
15
- background-position: 20% 70%;
16
- }
17
-
18
- @include breakpoint(640px down) {
19
- background-position: 27% 85%;
20
- }
21
-
22
- .headline-kraj {
23
- color: white;
24
- display: inline-block;
25
- font-weight: bold;
26
- text-transform: uppercase;
27
- margin: 0;
28
- padding-bottom: 9px;
29
- vertical-align: middle;
30
- line-height: 1.1;
31
- }
32
- }
33
-
34
- .c-welcome-header .c-welcome-header-wrapper {
35
- position: relative;
36
-
37
- @include breakpoint(mobile down) {
38
- padding-left: 10px;
39
- padding-right: 10px;
40
- }
41
-
42
- &.c-welcome-header-wrapper--wbg {
43
-
44
- &:before {
45
- content: '';
46
- position: absolute;
47
- bottom: 0;
48
- left: 50%;
49
- transform: translateX(-50%);
50
- width: 500px;
51
- height: 300px;
52
- background: url('../img/brand/logo-group.png') no-repeat;
53
- background-size: 100%;
54
- transform-origin: bottom left;
55
- }
56
-
57
- @include breakpoint(mobile down) {
58
-
59
- &:before {
60
- display: block;
61
- width: 350px;
62
- height: 250px;
63
- bottom: 0;
64
- left: 50%;
65
- transform: translateX(-50%);
66
-
67
- }
68
- }
69
-
70
- .c-welcome-header-wrapper--title {
71
- color: white;
72
- font-size: 2.8rem;
73
- font-weight: bold;
74
- text-transform: uppercase;
75
- position: absolute;
76
- left: 0;
77
- right: 0;
78
- top: 75%;
79
- text-align: center;
80
- display: block;
81
- }
82
-
83
- }
84
- }
85
-
86
- .c-welcome-header .c-welcome-header-wrapper .c-welcome-header__img {
87
- display: block;
88
- position: absolute;
89
- top: 50%;
90
- right: 0.5rem;
91
- transform: translateY(-50%);
92
- max-width: calc(50% - 25px);
93
- height: auto;
94
- max-height: 100%;
95
- transform-origin: center right;
96
- border: 5px solid #fff;
97
-
98
- @include breakpoint(xlarge down) {
99
- width: 40%;
100
- }
101
-
102
- @include breakpoint(medium down) {
103
- display: none;
104
- }
105
-
106
- @include breakpoint(mobile down) {
107
- display: block;
108
- top: auto;
109
- right: auto;
110
- left: 50%;
111
- bottom: 0.8rem;
112
- transform: translateX(-50%);
113
- height: 115px;
114
- width: auto;
115
- border: 2px solid #fff;
116
- }
117
- }
118
-
119
- .c-welcome-header .c-welcome-header-content {
120
- text-align: center;
121
- padding: 25px 0;
122
-
123
- @include breakpoint(medium) {
124
- height: auto;
125
- text-align: left;
126
- position: absolute;
127
- left: 0;
128
- top: 50%;
129
- transform: translateY(-50%);
130
- padding: 0;
131
- }
132
-
133
- @include breakpoint(mobile down) {
134
- padding-bottom: 140px;
135
- }
136
- }
137
-
138
- .c-welcome-header .c-welcome-header__brand {
139
- width: 250px;
140
- }
141
-
142
- .c-welcome-header .c-welcome-header__quote {
143
- position: relative;
144
- margin: 0;
145
- margin-top: 1rem;
146
- padding: 0;
147
- padding-top: 3rem;
148
- font-family: $header-font-family;
149
- font-style: italic;
150
- font-weight: 300;
151
- line-height: 1.3;
152
- border: 0;
153
- font-size: 1rem;
154
- color: #e1e1e1;
155
- text-shadow: 0 0 5px black, 0 0 5px black;
156
-
157
- br {
158
- display: none;
159
- }
160
-
161
- &:before {
162
- content: '';
163
- width: 38px;
164
- height: 25px;
165
- background: url('../img/miscellaneous/quotes.png') no-repeat;
166
- position: absolute;
167
- top: 0;
168
- left: 50%;
169
- transform: translateX(-50%);
170
- }
171
-
172
- @include breakpoint(medium) {
173
- padding-top: 0;
174
- margin-top: 1.5rem;
175
- padding-left: 5.5rem;
176
- font-size: 1.6rem;
177
-
178
- br {
179
- display: block;
180
- }
181
-
182
- &:before {
183
- left: 0;
184
- transform: translateX(50%);
185
- top: 0;
186
- }
187
- }
188
- }
@@ -1,638 +0,0 @@
1
- // Foundation for Sites by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- // scss-lint:disable ColorVariable, QualifyingElement, VendorPrefix
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: #2199e8,
27
- secondary: #777,
28
- success: #3adb76,
29
- warning: #ffae00,
30
- alert: #ec5840,
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: map-get($foundation-palette, primary);
107
- $secondary-color: map-get($foundation-palette, secondary);
108
- $success-color: map-get($foundation-palette, success);
109
- $warning-color: map-get($foundation-palette, warning);
110
- $alert-color: map-get($foundation-palette, alert);
111
-
112
- // Remove this in 6.3
113
- $-zf-menu-icon-imported: false;
114
- $-zf-flex-classes-imported: false;
115
-
116
- @mixin foundation-global-styles {
117
- @include -zf-normalize;
118
-
119
- // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
120
- .foundation-mq {
121
- font-family: '#{-zf-bp-serialize($breakpoints)}';
122
- }
123
-
124
- html {
125
- font-size: $global-font-size;
126
- box-sizing: border-box;
127
- }
128
-
129
- // Set box-sizing globally to handle padding and border widths
130
- *,
131
- *::before,
132
- *::after {
133
- box-sizing: inherit;
134
- }
135
-
136
- // Default body styles
137
- body {
138
- padding: 0;
139
- margin: 0;
140
- font-family: $body-font-family;
141
- font-weight: $global-weight-normal;
142
- line-height: $global-lineheight;
143
- color: $body-font-color;
144
- background: $body-background;
145
-
146
- @if ($body-antialiased) {
147
- -webkit-font-smoothing: antialiased;
148
- -moz-osx-font-smoothing: grayscale;
149
- }
150
- }
151
-
152
- img {
153
- // Grid defaults to get images and embeds to work properly
154
- max-width: 100%;
155
- height: auto;
156
- -ms-interpolation-mode: bicubic;
157
-
158
- // Get rid of gap under images by making them display: inline-block; by default
159
- display: inline-block;
160
- vertical-align: middle;
161
- }
162
-
163
- // Make sure textarea takes on height automatically
164
- textarea {
165
- height: auto;
166
- min-height: 50px;
167
- border-radius: $global-radius;
168
- }
169
-
170
- // Make select elements are 100% width by default
171
- select {
172
- width: 100%;
173
- border-radius: $global-radius;
174
- }
175
-
176
- // Styles Google Maps and MapQuest embeds properly
177
- // scss-lint:disable IdSelector
178
- #map_canvas,
179
- .map_canvas,
180
- .mqa-display {
181
- img,
182
- embed,
183
- object {
184
- max-width: none !important;
185
- }
186
- }
187
-
188
- // Reset <button> styles created by most browsers
189
- button {
190
- @include disable-mouse-outline;
191
- -webkit-appearance: none;
192
- -moz-appearance: none;
193
- background: transparent;
194
- padding: 0;
195
- border: 0;
196
- border-radius: $global-radius;
197
- line-height: 1;
198
- }
199
-
200
- // Internal classes to show/hide elements in JavaScript
201
- .is-visible {
202
- display: block !important;
203
- }
204
-
205
- .is-hidden {
206
- display: none !important;
207
- }
208
- }
209
-
210
- /// Loads normalize.css.
211
- /// @access private
212
- @mixin -zf-normalize {
213
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
214
-
215
- /**
216
- * 1. Set default font family to sans-serif.
217
- * 2. Prevent iOS and IE text size adjust after device orientation change,
218
- * without disabling user zoom.
219
- */
220
-
221
- html {
222
- font-family: sans-serif; /* 1 */
223
- -ms-text-size-adjust: 100%; /* 2 */
224
- -webkit-text-size-adjust: 100%; /* 2 */
225
- }
226
-
227
- /**
228
- * Remove default margin.
229
- */
230
-
231
- body {
232
- margin: 0;
233
- }
234
-
235
- /* HTML5 display definitions
236
- ========================================================================== */
237
-
238
- /**
239
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
240
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
241
- * and Firefox.
242
- * Correct `block` display not defined for `main` in IE 11.
243
- */
244
-
245
- article,
246
- aside,
247
- details,
248
- figcaption,
249
- figure,
250
- footer,
251
- header,
252
- hgroup,
253
- main,
254
- menu,
255
- nav,
256
- section,
257
- summary {
258
- display: block;
259
- }
260
-
261
- /**
262
- * 1. Correct `inline-block` display not defined in IE 8/9.
263
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
264
- */
265
-
266
- audio,
267
- canvas,
268
- progress,
269
- video {
270
- display: inline-block; /* 1 */
271
- vertical-align: baseline; /* 2 */
272
- }
273
-
274
- /**
275
- * Prevent modern browsers from displaying `audio` without controls.
276
- * Remove excess height in iOS 5 devices.
277
- */
278
-
279
- audio:not([controls]) {
280
- display: none;
281
- height: 0;
282
- }
283
-
284
- /**
285
- * Address `[hidden]` styling not present in IE 8/9/10.
286
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
287
- */
288
-
289
- [hidden],
290
- template {
291
- display: none;
292
- }
293
-
294
- /* Links
295
- ========================================================================== */
296
-
297
- /**
298
- * Remove the gray background color from active links in IE 10.
299
- */
300
-
301
- a {
302
- background-color: transparent;
303
- }
304
-
305
- /**
306
- * Improve readability of focused elements when they are also in an
307
- * active/hover state.
308
- */
309
-
310
- a:active,
311
- a:hover {
312
- outline: 0;
313
- }
314
-
315
- /* Text-level semantics
316
- ========================================================================== */
317
-
318
- /**
319
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
320
- */
321
-
322
- abbr[title] {
323
- border-bottom: 1px dotted;
324
- }
325
-
326
- /**
327
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
328
- */
329
-
330
- b,
331
- strong {
332
- font-weight: bold;
333
- }
334
-
335
- /**
336
- * Address styling not present in Safari and Chrome.
337
- */
338
-
339
- dfn {
340
- font-style: italic;
341
- }
342
-
343
- /**
344
- * Address variable `h1` font-size and margin within `section` and `article`
345
- * contexts in Firefox 4+, Safari, and Chrome.
346
- */
347
-
348
- h1 {
349
- font-size: 2em;
350
- margin: 0.67em 0;
351
- }
352
-
353
- /**
354
- * Address styling not present in IE 8/9.
355
- */
356
-
357
- mark {
358
- background: #ff0;
359
- color: #000;
360
- }
361
-
362
- /**
363
- * Address inconsistent and variable font size in all browsers.
364
- */
365
-
366
- small {
367
- font-size: 80%;
368
- }
369
-
370
- /**
371
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
372
- */
373
-
374
- sub,
375
- sup {
376
- font-size: 75%;
377
- line-height: 0;
378
- position: relative;
379
- vertical-align: baseline;
380
- }
381
-
382
- sup {
383
- top: -0.5em;
384
- }
385
-
386
- sub {
387
- bottom: -0.25em;
388
- }
389
-
390
- /* Embedded content
391
- ========================================================================== */
392
-
393
- /**
394
- * Remove border when inside `a` element in IE 8/9/10.
395
- */
396
-
397
- img {
398
- border: 0;
399
- }
400
-
401
- /**
402
- * Correct overflow not hidden in IE 9/10/11.
403
- */
404
-
405
- svg:not(:root) {
406
- overflow: hidden;
407
- }
408
-
409
- /* Grouping content
410
- ========================================================================== */
411
-
412
- /**
413
- * Address margin not present in IE 8/9 and Safari.
414
- */
415
-
416
- figure {
417
- margin: 1em 40px;
418
- }
419
-
420
- /**
421
- * Address differences between Firefox and other browsers.
422
- */
423
-
424
- hr {
425
- box-sizing: content-box;
426
- height: 0;
427
- }
428
-
429
- /**
430
- * Contain overflow in all browsers.
431
- */
432
-
433
- pre {
434
- overflow: auto;
435
- }
436
-
437
- /**
438
- * Address odd `em`-unit font size rendering in all browsers.
439
- */
440
-
441
- code,
442
- kbd,
443
- pre,
444
- samp {
445
- font-family: monospace, monospace;
446
- font-size: 1em;
447
- }
448
-
449
- /* Forms
450
- ========================================================================== */
451
-
452
- /**
453
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
454
- * styling of `select`, unless a `border` property is set.
455
- */
456
-
457
- /**
458
- * 1. Correct color not being inherited.
459
- * Known issue: affects color of disabled elements.
460
- * 2. Correct font properties not being inherited.
461
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
462
- */
463
-
464
- button,
465
- input,
466
- optgroup,
467
- select,
468
- textarea {
469
- color: inherit; /* 1 */
470
- font: inherit; /* 2 */
471
- margin: 0; /* 3 */
472
- }
473
-
474
- /**
475
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
476
- */
477
-
478
- button {
479
- overflow: visible;
480
- }
481
-
482
- /**
483
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
484
- * All other form control elements do not inherit `text-transform` values.
485
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
486
- * Correct `select` style inheritance in Firefox.
487
- */
488
-
489
- button,
490
- select {
491
- text-transform: none;
492
- }
493
-
494
- /**
495
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
496
- * and `video` controls.
497
- * 2. Correct inability to style clickable `input` types in iOS.
498
- * 3. Improve usability and consistency of cursor style between image-type
499
- * `input` and others.
500
- */
501
-
502
- button,
503
- html input[type="button"], /* 1 */
504
- input[type="reset"],
505
- input[type="submit"] {
506
- -webkit-appearance: button; /* 2 */
507
- cursor: pointer; /* 3 */
508
- }
509
-
510
- /**
511
- * Re-set default cursor for disabled elements.
512
- */
513
-
514
- button[disabled],
515
- html input[disabled] {
516
- cursor: not-allowed;
517
- }
518
-
519
- /**
520
- * Remove inner padding and border in Firefox 4+.
521
- */
522
-
523
- button::-moz-focus-inner,
524
- input::-moz-focus-inner {
525
- border: 0;
526
- padding: 0;
527
- }
528
-
529
- /**
530
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
531
- * the UA stylesheet.
532
- */
533
-
534
- input {
535
- line-height: normal;
536
- }
537
-
538
- /**
539
- * It's recommended that you don't attempt to style these elements.
540
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
541
- *
542
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
543
- * 2. Remove excess padding in IE 8/9/10.
544
- */
545
-
546
- input[type="checkbox"],
547
- input[type="radio"] {
548
- box-sizing: border-box; /* 1 */
549
- padding: 0; /* 2 */
550
- }
551
-
552
- /**
553
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
554
- * `font-size` values of the `input`, it causes the cursor style of the
555
- * decrement button to change from `default` to `text`.
556
- */
557
-
558
- input[type="number"]::-webkit-inner-spin-button,
559
- input[type="number"]::-webkit-outer-spin-button {
560
- height: auto;
561
- }
562
-
563
- /**
564
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
565
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
566
- */
567
-
568
- input[type="search"] {
569
- -webkit-appearance: textfield; /* 1 */
570
- box-sizing: content-box; /* 2 */
571
- }
572
-
573
- /**
574
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
575
- * Safari (but not Chrome) clips the cancel button when the search input has
576
- * padding (and `textfield` appearance).
577
- */
578
-
579
- input[type="search"]::-webkit-search-cancel-button,
580
- input[type="search"]::-webkit-search-decoration {
581
- -webkit-appearance: none;
582
- }
583
-
584
- /**
585
- * Define consistent border, margin, and padding.
586
- * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
587
- */
588
-
589
- /* fieldset {
590
- border: 1px solid #c0c0c0;
591
- margin: 0 2px;
592
- padding: 0.35em 0.625em 0.75em;
593
- } */
594
-
595
- /**
596
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
597
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
598
- */
599
-
600
- legend {
601
- border: 0; /* 1 */
602
- padding: 0; /* 2 */
603
- }
604
-
605
- /**
606
- * Remove default vertical scrollbar in IE 8/9/10/11.
607
- */
608
-
609
- textarea {
610
- overflow: auto;
611
- }
612
-
613
- /**
614
- * Don't inherit the `font-weight` (applied by a rule above).
615
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
616
- */
617
-
618
- optgroup {
619
- font-weight: bold;
620
- }
621
-
622
- /* Tables
623
- ========================================================================== */
624
-
625
- /**
626
- * Remove most spacing between table cells.
627
- */
628
-
629
- table {
630
- border-collapse: collapse;
631
- border-spacing: 0;
632
- }
633
-
634
- td,
635
- th {
636
- padding: 0;
637
- }
638
- }