minimal-mistakes-jekyll 4.7.0 → 4.7.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +17 -3
  3. data/LICENSE.txt +58 -58
  4. data/README.md +49 -19
  5. data/_data/navigation.yml +11 -11
  6. data/_data/ui-text.yml +2 -0
  7. data/_includes/analytics-providers/custom.html +2 -2
  8. data/_includes/analytics-providers/google-universal.html +9 -9
  9. data/_includes/analytics-providers/google.html +10 -10
  10. data/_includes/analytics.html +11 -11
  11. data/_includes/archive-single.html +37 -37
  12. data/_includes/author-profile-custom-links.html +6 -6
  13. data/_includes/author-profile.html +249 -249
  14. data/_includes/base_path +4 -4
  15. data/_includes/breadcrumbs.html +39 -39
  16. data/_includes/browser-upgrade.html +3 -3
  17. data/_includes/category-list.html +25 -25
  18. data/_includes/comment.html +22 -22
  19. data/_includes/comments-providers/custom.html +2 -2
  20. data/_includes/comments-providers/discourse.html +13 -13
  21. data/_includes/comments-providers/facebook.html +7 -7
  22. data/_includes/comments-providers/google-plus.html +1 -1
  23. data/_includes/comments-providers/staticman.html +41 -41
  24. data/_includes/comments-providers/staticman_v2.html +41 -41
  25. data/_includes/feature_row +49 -49
  26. data/_includes/figure +12 -12
  27. data/_includes/footer.html +25 -25
  28. data/_includes/footer/custom.html +2 -2
  29. data/_includes/gallery +46 -46
  30. data/_includes/group-by-array +46 -46
  31. data/_includes/head.html +42 -42
  32. data/_includes/head/custom.html +4 -4
  33. data/_includes/nav_list +46 -46
  34. data/_includes/page__hero_video.html +4 -4
  35. data/_includes/page__taxonomy.html +6 -6
  36. data/_includes/paginator.html +69 -69
  37. data/_includes/post_pagination.html +13 -13
  38. data/_includes/read-time.html +14 -14
  39. data/_includes/scripts.html +20 -15
  40. data/_includes/seo.html +162 -162
  41. data/_includes/sidebar.html +22 -22
  42. data/_includes/social-share.html +13 -13
  43. data/_includes/tag-list.html +25 -25
  44. data/_includes/toc +6 -6
  45. data/_includes/toc.html +74 -74
  46. data/_includes/video +11 -11
  47. data/_layouts/archive-taxonomy.html +14 -14
  48. data/_layouts/archive.html +25 -25
  49. data/_layouts/compress.html +10 -10
  50. data/_layouts/default.html +1 -1
  51. data/_layouts/home.html +11 -11
  52. data/_layouts/search.html +32 -0
  53. data/_layouts/single.html +92 -92
  54. data/_layouts/splash.html +21 -21
  55. data/_sass/minimal-mistakes.scss +3 -2
  56. data/_sass/minimal-mistakes/_animations.scss +20 -20
  57. data/_sass/minimal-mistakes/_archive.scss +317 -317
  58. data/_sass/minimal-mistakes/_base.scss +315 -315
  59. data/_sass/minimal-mistakes/_buttons.scss +97 -97
  60. data/_sass/minimal-mistakes/_footer.scss +82 -82
  61. data/_sass/minimal-mistakes/_forms.scss +341 -347
  62. data/_sass/minimal-mistakes/_masthead.scss +82 -82
  63. data/_sass/minimal-mistakes/_mixins.scss +91 -91
  64. data/_sass/minimal-mistakes/_navigation.scss +552 -552
  65. data/_sass/minimal-mistakes/_notices.scss +99 -99
  66. data/_sass/minimal-mistakes/_page.scss +430 -430
  67. data/_sass/minimal-mistakes/_reset.scss +1 -1
  68. data/_sass/minimal-mistakes/_search.scss +9 -0
  69. data/_sass/minimal-mistakes/_sidebar.scss +262 -262
  70. data/_sass/minimal-mistakes/_tables.scss +36 -36
  71. data/_sass/minimal-mistakes/_utilities.scss +519 -519
  72. data/_sass/minimal-mistakes/_variables.scss +137 -137
  73. data/_sass/minimal-mistakes/skins/_air.scss +22 -22
  74. data/_sass/minimal-mistakes/skins/_aqua.scss +29 -29
  75. data/_sass/minimal-mistakes/skins/_contrast.scss +33 -33
  76. data/_sass/minimal-mistakes/skins/_dark.scss +23 -23
  77. data/_sass/minimal-mistakes/skins/_default.scss +5 -5
  78. data/_sass/minimal-mistakes/skins/_dirt.scss +14 -14
  79. data/_sass/minimal-mistakes/skins/_mint.scss +22 -22
  80. data/_sass/minimal-mistakes/skins/_sunrise.scss +25 -25
  81. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -114
  82. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +94 -94
  83. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -151
  84. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +49 -49
  85. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -15
  86. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -215
  87. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -82
  88. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +70 -70
  89. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -33
  90. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -82
  91. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -31
  92. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -26
  93. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -36
  94. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  95. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -22
  96. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  97. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  98. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -13
  99. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  100. data/_sass/minimal-mistakes/vendor/font-awesome/_animated.scss +34 -34
  101. data/_sass/minimal-mistakes/vendor/font-awesome/_bordered-pulled.scss +25 -25
  102. data/_sass/minimal-mistakes/vendor/font-awesome/_core.scss +12 -12
  103. data/_sass/minimal-mistakes/vendor/font-awesome/_fixed-width.scss +6 -6
  104. data/_sass/minimal-mistakes/vendor/font-awesome/_font-awesome.scss +18 -18
  105. data/_sass/minimal-mistakes/vendor/font-awesome/_icons.scss +789 -789
  106. data/_sass/minimal-mistakes/vendor/font-awesome/_larger.scss +13 -13
  107. data/_sass/minimal-mistakes/vendor/font-awesome/_list.scss +19 -19
  108. data/_sass/minimal-mistakes/vendor/font-awesome/_mixins.scss +60 -60
  109. data/_sass/minimal-mistakes/vendor/font-awesome/_path.scss +15 -15
  110. data/_sass/minimal-mistakes/vendor/font-awesome/_rotated-flipped.scss +20 -20
  111. data/_sass/minimal-mistakes/vendor/font-awesome/_screen-reader.scss +5 -5
  112. data/_sass/minimal-mistakes/vendor/font-awesome/_stacked.scss +20 -20
  113. data/_sass/minimal-mistakes/vendor/font-awesome/_variables.scss +800 -800
  114. data/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss +649 -649
  115. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +45 -45
  116. data/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss +13 -13
  117. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +5 -5
  118. data/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss +5 -5
  119. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss +7 -7
  120. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -114
  121. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -67
  122. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -14
  123. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -18
  124. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -133
  125. data/_sass/minimal-mistakes/vendor/susy/susy/_api.scss +318 -318
  126. data/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss +261 -261
  127. data/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss +163 -163
  128. data/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss +329 -329
  129. data/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss +441 -441
  130. data/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss +213 -213
  131. data/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss +191 -191
  132. data/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss +56 -56
  133. data/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss +167 -167
  134. data/assets/css/main.scss +7 -7
  135. data/assets/fonts/fontawesome-webfont.svg +2671 -2671
  136. data/assets/js/_main.js +72 -72
  137. data/assets/js/lunr-en.js +92 -0
  138. data/assets/js/lunr.min.js +7 -0
  139. data/assets/js/main.min.js +8 -8
  140. data/assets/js/plugins/jquery.fitvids.js +81 -81
  141. data/assets/js/plugins/jquery.greedy-navigation.js +77 -77
  142. metadata +7 -3
@@ -1,98 +1,98 @@
1
- /* ==========================================================================
2
- BUTTONS
3
- ========================================================================== */
4
-
5
- /*
6
- Default button
7
- ========================================================================== */
8
-
9
- .btn {
10
- /* default */
11
- display: inline-block;
12
- margin-bottom: 0.25em;
13
- padding: 0.5em 1em;
14
- font-family: $sans-serif;
15
- font-size: $type-size-6;
16
- font-weight: bold;
17
- text-align: center;
18
- text-decoration: none;
19
- border-width: 0;
20
- border-radius: $border-radius;
21
- cursor: pointer;
22
-
23
- .icon {
24
- margin-right: 0.5em;
25
- }
26
-
27
- .icon + .hidden {
28
- margin-left: -0.5em; /* override for hidden text*/
29
- }
30
-
31
- /* button colors */
32
- $buttoncolors:
33
- (primary, $primary-color),
34
- (inverse, #fff),
35
- (light-outline, transparent),
36
- (success, $success-color),
37
- (warning, $warning-color),
38
- (danger, $danger-color),
39
- (info, $info-color),
40
- (facebook, $facebook-color),
41
- (twitter, $twitter-color),
42
- (google-plus, $google-plus-color),
43
- (linkedin, $linkedin-color);
44
-
45
- @each $buttoncolor, $color in $buttoncolors {
46
- &--#{$buttoncolor} {
47
- @include yiq-contrasted($color);
48
- @if ($buttoncolor == inverse) {
49
- border: 1px solid $border-color;
50
- }
51
- @if ($buttoncolor == light-outline) {
52
- border: 1px solid #fff;
53
- }
54
-
55
- &:hover {
56
- @include yiq-contrasted(mix(#000, $color, 20%));
57
- }
58
-
59
- &:visited {
60
- @include yiq-contrasted($color);
61
- }
62
- }
63
- }
64
-
65
- /* fills width of parent container */
66
- &--block {
67
- display: block;
68
- width: 100%;
69
-
70
- + .btn--block {
71
- margin-top: 0.25em;
72
- }
73
- }
74
-
75
- /* disabled */
76
- &--disabled {
77
- pointer-events: none;
78
- cursor: not-allowed;
79
- filter: alpha(opacity=65);
80
- box-shadow: none;
81
- opacity: 0.65;
82
- }
83
-
84
- /* extra large button */
85
- &--x-large {
86
- font-size: $type-size-4;
87
- }
88
-
89
- /* large button */
90
- &--large {
91
- font-size: $type-size-5;
92
- }
93
-
94
- /* small button */
95
- &--small {
96
- font-size: $type-size-7;
97
- }
1
+ /* ==========================================================================
2
+ BUTTONS
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Default button
7
+ ========================================================================== */
8
+
9
+ .btn {
10
+ /* default */
11
+ display: inline-block;
12
+ margin-bottom: 0.25em;
13
+ padding: 0.5em 1em;
14
+ font-family: $sans-serif;
15
+ font-size: $type-size-6;
16
+ font-weight: bold;
17
+ text-align: center;
18
+ text-decoration: none;
19
+ border-width: 0;
20
+ border-radius: $border-radius;
21
+ cursor: pointer;
22
+
23
+ .icon {
24
+ margin-right: 0.5em;
25
+ }
26
+
27
+ .icon + .hidden {
28
+ margin-left: -0.5em; /* override for hidden text*/
29
+ }
30
+
31
+ /* button colors */
32
+ $buttoncolors:
33
+ (primary, $primary-color),
34
+ (inverse, #fff),
35
+ (light-outline, transparent),
36
+ (success, $success-color),
37
+ (warning, $warning-color),
38
+ (danger, $danger-color),
39
+ (info, $info-color),
40
+ (facebook, $facebook-color),
41
+ (twitter, $twitter-color),
42
+ (google-plus, $google-plus-color),
43
+ (linkedin, $linkedin-color);
44
+
45
+ @each $buttoncolor, $color in $buttoncolors {
46
+ &--#{$buttoncolor} {
47
+ @include yiq-contrasted($color);
48
+ @if ($buttoncolor == inverse) {
49
+ border: 1px solid $border-color;
50
+ }
51
+ @if ($buttoncolor == light-outline) {
52
+ border: 1px solid #fff;
53
+ }
54
+
55
+ &:hover {
56
+ @include yiq-contrasted(mix(#000, $color, 20%));
57
+ }
58
+
59
+ &:visited {
60
+ @include yiq-contrasted($color);
61
+ }
62
+ }
63
+ }
64
+
65
+ /* fills width of parent container */
66
+ &--block {
67
+ display: block;
68
+ width: 100%;
69
+
70
+ + .btn--block {
71
+ margin-top: 0.25em;
72
+ }
73
+ }
74
+
75
+ /* disabled */
76
+ &--disabled {
77
+ pointer-events: none;
78
+ cursor: not-allowed;
79
+ filter: alpha(opacity=65);
80
+ box-shadow: none;
81
+ opacity: 0.65;
82
+ }
83
+
84
+ /* extra large button */
85
+ &--x-large {
86
+ font-size: $type-size-4;
87
+ }
88
+
89
+ /* large button */
90
+ &--large {
91
+ font-size: $type-size-5;
92
+ }
93
+
94
+ /* small button */
95
+ &--small {
96
+ font-size: $type-size-7;
97
+ }
98
98
  }
@@ -1,83 +1,83 @@
1
- /* ==========================================================================
2
- FOOTER
3
- ========================================================================== */
4
-
5
- .page__footer {
6
- @include clearfix;
7
- float: left;
8
- margin-left: 0;
9
- margin-right: 0;
10
- width: 100%;
11
- clear: both;
12
- /* sticky footer fix start */
13
- position: absolute;
14
- bottom: 0;
15
- height: auto;
16
- /* sticky footer fix end */
17
- margin-top: 3em;
18
- color: $muted-text-color;
19
- -webkit-animation: $intro-transition;
20
- animation: $intro-transition;
21
- -webkit-animation-delay: 0.45s;
22
- animation-delay: 0.45s;
23
- background-color: $footer-background-color;
24
-
25
- footer {
26
- @include clearfix;
27
- margin-left: auto;
28
- margin-right: auto;
29
- margin-top: 2em;
30
- max-width: 100%;
31
- padding: 0 1em 2em;
32
-
33
- @include breakpoint($x-large) {
34
- max-width: $x-large;
35
- }
36
- }
37
-
38
- a {
39
- color: inherit;
40
- text-decoration: none;
41
-
42
- &:hover {
43
- text-decoration: underline;
44
- }
45
- }
46
-
47
- .fa {
48
- color: $muted-text-color;
49
- }
50
- }
51
-
52
- .page__footer-copyright {
53
- font-family: $global-font-family;
54
- font-size: $type-size-7;
55
- }
56
-
57
- .page__footer-follow {
58
-
59
- ul {
60
- margin: 0;
61
- padding: 0;
62
- list-style-type: none;
63
- }
64
-
65
- li {
66
- display: inline-block;
67
- padding-top: 5px;
68
- padding-bottom: 5px;
69
- font-family: $sans-serif-narrow;
70
- font-size: $type-size-6;
71
- text-transform: uppercase;
72
- }
73
-
74
- li + li:before {
75
- content: "";
76
- padding-right: 5px;
77
- }
78
-
79
- a {
80
- padding-right: 10px;
81
- font-weight: bold;
82
- }
1
+ /* ==========================================================================
2
+ FOOTER
3
+ ========================================================================== */
4
+
5
+ .page__footer {
6
+ @include clearfix;
7
+ float: left;
8
+ margin-left: 0;
9
+ margin-right: 0;
10
+ width: 100%;
11
+ clear: both;
12
+ /* sticky footer fix start */
13
+ position: absolute;
14
+ bottom: 0;
15
+ height: auto;
16
+ /* sticky footer fix end */
17
+ margin-top: 3em;
18
+ color: $muted-text-color;
19
+ -webkit-animation: $intro-transition;
20
+ animation: $intro-transition;
21
+ -webkit-animation-delay: 0.45s;
22
+ animation-delay: 0.45s;
23
+ background-color: $footer-background-color;
24
+
25
+ footer {
26
+ @include clearfix;
27
+ margin-left: auto;
28
+ margin-right: auto;
29
+ margin-top: 2em;
30
+ max-width: 100%;
31
+ padding: 0 1em 2em;
32
+
33
+ @include breakpoint($x-large) {
34
+ max-width: $x-large;
35
+ }
36
+ }
37
+
38
+ a {
39
+ color: inherit;
40
+ text-decoration: none;
41
+
42
+ &:hover {
43
+ text-decoration: underline;
44
+ }
45
+ }
46
+
47
+ .fa {
48
+ color: $muted-text-color;
49
+ }
50
+ }
51
+
52
+ .page__footer-copyright {
53
+ font-family: $global-font-family;
54
+ font-size: $type-size-7;
55
+ }
56
+
57
+ .page__footer-follow {
58
+
59
+ ul {
60
+ margin: 0;
61
+ padding: 0;
62
+ list-style-type: none;
63
+ }
64
+
65
+ li {
66
+ display: inline-block;
67
+ padding-top: 5px;
68
+ padding-bottom: 5px;
69
+ font-family: $sans-serif-narrow;
70
+ font-size: $type-size-6;
71
+ text-transform: uppercase;
72
+ }
73
+
74
+ li + li:before {
75
+ content: "";
76
+ padding-right: 5px;
77
+ }
78
+
79
+ a {
80
+ padding-right: 10px;
81
+ font-weight: bold;
82
+ }
83
83
  }
@@ -2,398 +2,392 @@
2
2
  Forms
3
3
  ========================================================================== */
4
4
 
5
- form {
6
- margin: 0 0 5px 0;
7
- padding: 1em;
8
- background-color: $form-background-color;
9
-
10
- fieldset {
11
- margin-bottom: 5px;
12
- padding: 0;
13
- border-width: 0;
14
- }
15
-
16
- legend {
17
- display: block;
18
- width: 100%;
19
- margin-bottom: 5px * 2;
20
- *margin-left: -7px;
21
- padding: 0;
22
- color: $text-color;
23
- border: 0;
24
- white-space: normal;
25
- }
26
-
27
- p {
28
- margin-bottom: 5px / 2;
29
- }
30
-
31
- ul {
32
- list-style-type: none;
33
- margin: 0 0 5px 0;
34
- padding: 0;
35
- }
36
-
37
- br {
38
- display: none;
39
- }
40
- }
41
-
42
- label,
43
- input,
44
- button,
45
- select,
46
- textarea {
47
- vertical-align: baseline;
48
- *vertical-align: middle;
49
- }
5
+ form {
6
+ margin: 0 0 5px 0;
7
+ padding: 1em;
8
+ background-color: $form-background-color;
50
9
 
51
- input,
52
- button,
53
- select,
54
- textarea {
55
- box-sizing: border-box;
56
- font-family: $sans-serif;
10
+ fieldset {
11
+ margin-bottom: 5px;
12
+ padding: 0;
13
+ border-width: 0;
57
14
  }
58
15
 
59
- label {
16
+ legend {
60
17
  display: block;
61
- margin-bottom: 0.25em;
62
- color: $text-color;
63
- cursor: pointer;
64
-
65
- small {
66
- font-size: $type-size-6;
67
- }
68
-
69
- input,
70
- textarea,
71
- select {
72
- display: block;
73
- }
74
- }
75
-
76
- input,
77
- textarea,
78
- select {
79
- display: inline-block;
80
18
  width: 100%;
81
- padding: 0.25em;
82
- margin-bottom: 0.5em;
83
- color: $text-color;
84
- background-color: $background-color;
85
- border: $border-color;
86
- border-radius: $border-radius;
87
- box-shadow: $box-shadow;
88
- }
89
-
90
- .input-mini {
91
- width: 60px;
92
- }
93
-
94
- .input-small {
95
- width: 90px;
96
- }
97
-
98
- input[type="image"],
99
- input[type="checkbox"],
100
- input[type="radio"] {
101
- width: auto;
102
- height: auto;
103
- padding: 0;
104
- margin: 3px 0;
105
- *margin-top: 0;
106
- line-height: normal;
107
- cursor: pointer;
108
- border-radius: 0;
109
- border: 0 \9;
110
- }
111
-
112
- input[type="checkbox"],
113
- input[type="radio"] {
114
- box-sizing: border-box;
19
+ margin-bottom: 5px * 2;
20
+ *margin-left: -7px;
115
21
  padding: 0;
116
- *width: 13px;
117
- *height: 13px;
118
- }
119
-
120
- input[type="image"] {
22
+ color: $text-color;
121
23
  border: 0;
122
- box-shadow: none;
123
- }
124
-
125
- input[type="file"] {
126
- width: auto;
127
- padding: initial;
128
- line-height: initial;
129
- border: initial;
130
- background-color: transparent;
131
- background-color: initial;
132
- box-shadow: none;
133
- }
134
-
135
- input[type="button"],
136
- input[type="reset"],
137
- input[type="submit"] {
138
- width: auto;
139
- height: auto;
140
- cursor: pointer;
141
- *overflow: visible;
142
- }
143
-
144
- select,
145
- input[type="file"] {
146
- *margin-top: 4px;
147
- }
148
-
149
- select {
150
- width: auto;
151
- background-color: #fff;
24
+ white-space: normal;
152
25
  }
153
26
 
154
- select[multiple],
155
- select[size] {
156
- height: auto;
27
+ p {
28
+ margin-bottom: 5px / 2;
157
29
  }
158
30
 
159
- textarea {
160
- resize: vertical;
161
- height: auto;
162
- overflow: auto;
163
- vertical-align: top;
31
+ ul {
32
+ list-style-type: none;
33
+ margin: 0 0 5px 0;
34
+ padding: 0;
164
35
  }
165
36
 
166
- input[type="hidden"] {
37
+ br {
167
38
  display: none;
168
39
  }
169
-
170
- .form {
171
- position: relative;
172
- }
173
-
174
- .radio,
175
- .checkbox {
176
- padding-left: 18px;
177
- font-weight: normal;
178
- }
179
-
180
- .radio input[type="radio"],
181
- .checkbox input[type="checkbox"] {
182
- float: left;
183
- margin-left: -18px;
184
- }
185
-
186
- .radio.inline,
187
- .checkbox.inline {
188
- display: inline-block;
189
- padding-top: 5px;
190
- margin-bottom: 0;
191
- vertical-align: middle;
40
+ }
41
+
42
+ label,
43
+ input,
44
+ button,
45
+ select,
46
+ textarea {
47
+ vertical-align: baseline;
48
+ *vertical-align: middle;
49
+ }
50
+
51
+ input,
52
+ button,
53
+ select,
54
+ textarea {
55
+ box-sizing: border-box;
56
+ font-family: $sans-serif;
57
+ }
58
+
59
+ label {
60
+ display: block;
61
+ margin-bottom: 0.25em;
62
+ color: $text-color;
63
+ cursor: pointer;
64
+
65
+ small {
66
+ font-size: $type-size-6;
192
67
  }
193
68
 
194
- .radio.inline + .radio.inline,
195
- .checkbox.inline + .checkbox.inline {
196
- margin-left: 10px;
69
+ input,
70
+ textarea,
71
+ select {
72
+ display: block;
197
73
  }
198
-
199
-
200
- /*
74
+ }
75
+
76
+ input,
77
+ textarea,
78
+ select {
79
+ display: inline-block;
80
+ width: 100%;
81
+ padding: 0.25em;
82
+ margin-bottom: 0.5em;
83
+ color: $text-color;
84
+ background-color: $background-color;
85
+ border: $border-color;
86
+ border-radius: $border-radius;
87
+ box-shadow: $box-shadow;
88
+ }
89
+
90
+ .input-mini {
91
+ width: 60px;
92
+ }
93
+
94
+ .input-small {
95
+ width: 90px;
96
+ }
97
+
98
+ input[type="image"],
99
+ input[type="checkbox"],
100
+ input[type="radio"] {
101
+ width: auto;
102
+ height: auto;
103
+ padding: 0;
104
+ margin: 3px 0;
105
+ *margin-top: 0;
106
+ line-height: normal;
107
+ cursor: pointer;
108
+ border-radius: 0;
109
+ border: 0 \9;
110
+ }
111
+
112
+ input[type="checkbox"],
113
+ input[type="radio"] {
114
+ box-sizing: border-box;
115
+ padding: 0;
116
+ *width: 13px;
117
+ *height: 13px;
118
+ }
119
+
120
+ input[type="image"] {
121
+ border: 0;
122
+ box-shadow: none;
123
+ }
124
+
125
+ input[type="file"] {
126
+ width: auto;
127
+ padding: initial;
128
+ line-height: initial;
129
+ border: initial;
130
+ background-color: transparent;
131
+ background-color: initial;
132
+ box-shadow: none;
133
+ }
134
+
135
+ input[type="button"],
136
+ input[type="reset"],
137
+ input[type="submit"] {
138
+ width: auto;
139
+ height: auto;
140
+ cursor: pointer;
141
+ *overflow: visible;
142
+ }
143
+
144
+ select,
145
+ input[type="file"] {
146
+ *margin-top: 4px;
147
+ }
148
+
149
+ select {
150
+ width: auto;
151
+ background-color: #fff;
152
+ }
153
+
154
+ select[multiple],
155
+ select[size] {
156
+ height: auto;
157
+ }
158
+
159
+ textarea {
160
+ resize: vertical;
161
+ height: auto;
162
+ overflow: auto;
163
+ vertical-align: top;
164
+ }
165
+
166
+ input[type="hidden"] {
167
+ display: none;
168
+ }
169
+
170
+ .form {
171
+ position: relative;
172
+ }
173
+
174
+ .radio,
175
+ .checkbox {
176
+ padding-left: 18px;
177
+ font-weight: normal;
178
+ }
179
+
180
+ .radio input[type="radio"],
181
+ .checkbox input[type="checkbox"] {
182
+ float: left;
183
+ margin-left: -18px;
184
+ }
185
+
186
+ .radio.inline,
187
+ .checkbox.inline {
188
+ display: inline-block;
189
+ padding-top: 5px;
190
+ margin-bottom: 0;
191
+ vertical-align: middle;
192
+ }
193
+
194
+ .radio.inline + .radio.inline,
195
+ .checkbox.inline + .checkbox.inline {
196
+ margin-left: 10px;
197
+ }
198
+
199
+ /*
201
200
  Disabled state
202
201
  ========================================================================== */
203
202
 
204
- input[disabled],
205
- select[disabled],
206
- textarea[disabled],
207
- input[readonly],
208
- select[readonly],
209
- textarea[readonly] {
210
- opacity: 0.5;
211
- cursor: not-allowed;
212
- }
213
-
214
-
215
- /*
203
+ input[disabled],
204
+ select[disabled],
205
+ textarea[disabled],
206
+ input[readonly],
207
+ select[readonly],
208
+ textarea[readonly] {
209
+ opacity: 0.5;
210
+ cursor: not-allowed;
211
+ }
212
+
213
+ /*
216
214
  Focus & active state
217
215
  ========================================================================== */
218
216
 
219
- input:focus,
220
- textarea:focus {
221
- border-color: $primary-color;
222
- outline: 0;
223
- outline: thin dotted \9;
224
- box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7);
225
- }
226
-
227
- input[type="file"]:focus,
228
- input[type="radio"]:focus,
229
- input[type="checkbox"]:focus,
230
- select:focus {
231
- box-shadow: none;
232
- }
233
-
234
-
235
- /*
217
+ input:focus,
218
+ textarea:focus {
219
+ border-color: $primary-color;
220
+ outline: 0;
221
+ outline: thin dotted \9;
222
+ box-shadow: inset 0 1px 3px rgba($text-color, 0.06),
223
+ 0 0 5px rgba($primary-color, 0.7);
224
+ }
225
+
226
+ input[type="file"]:focus,
227
+ input[type="radio"]:focus,
228
+ input[type="checkbox"]:focus,
229
+ select:focus {
230
+ box-shadow: none;
231
+ }
232
+
233
+ /*
236
234
  Help text
237
235
  ========================================================================== */
238
236
 
239
- .help-block,
240
- .help-inline {
241
- color: $muted-text-color;
242
- }
237
+ .help-block,
238
+ .help-inline {
239
+ color: $muted-text-color;
240
+ }
243
241
 
244
- .help-block {
245
- display: block;
246
- margin-bottom: 1em;
247
- line-height: 1em;
248
- }
242
+ .help-block {
243
+ display: block;
244
+ margin-bottom: 1em;
245
+ line-height: 1em;
246
+ }
249
247
 
250
- .help-inline {
251
- display: inline-block;
252
- vertical-align: middle;
253
- padding-left: 5px;
254
- }
248
+ .help-inline {
249
+ display: inline-block;
250
+ vertical-align: middle;
251
+ padding-left: 5px;
252
+ }
255
253
 
256
- /*
254
+ /*
257
255
  .form-group
258
256
  ========================================================================== */
259
257
 
260
- .form-group {
261
- margin-bottom: 5px;
262
- padding: 0;
263
- border-width: 0;
264
- }
258
+ .form-group {
259
+ margin-bottom: 5px;
260
+ padding: 0;
261
+ border-width: 0;
262
+ }
265
263
 
266
-
267
- /*
264
+ /*
268
265
  .form-inline
269
266
  ========================================================================== */
270
267
 
271
- .form-inline input,
272
- .form-inline textarea,
273
- .form-inline select {
274
- display: inline-block;
275
- margin-bottom: 0;
276
- }
277
-
278
- .form-inline label {
279
- display: inline-block;
280
- }
281
-
282
- .form-inline .radio,
283
- .form-inline .checkbox,
284
- .form-inline .radio {
285
- padding-left: 0;
286
- margin-bottom: 0;
287
- vertical-align: middle;
288
- }
289
-
290
- .form-inline .radio input[type="radio"],
291
- .form-inline .checkbox input[type="checkbox"] {
292
- float: left;
293
- margin-left: 0;
294
- margin-right: 3px; }
295
-
296
-
297
- /*
268
+ .form-inline input,
269
+ .form-inline textarea,
270
+ .form-inline select {
271
+ display: inline-block;
272
+ margin-bottom: 0;
273
+ }
274
+
275
+ .form-inline label {
276
+ display: inline-block;
277
+ }
278
+
279
+ .form-inline .radio,
280
+ .form-inline .checkbox,
281
+ .form-inline .radio {
282
+ padding-left: 0;
283
+ margin-bottom: 0;
284
+ vertical-align: middle;
285
+ }
286
+
287
+ .form-inline .radio input[type="radio"],
288
+ .form-inline .checkbox input[type="checkbox"] {
289
+ float: left;
290
+ margin-left: 0;
291
+ margin-right: 3px;
292
+ }
293
+
294
+ /*
298
295
  .form-search
299
296
  ========================================================================== */
300
297
 
301
- .form-search input,
302
- .form-search textarea,
303
- .form-search select {
304
- display: inline-block;
305
- margin-bottom: 0;
306
- }
307
-
308
- .form-search .search-query {
309
- padding-left: 14px;
310
- padding-right: 14px;
311
- margin-bottom: 0;
312
- border-radius: 14px;
313
- }
314
-
315
- .form-search label {
316
- display: inline-block;
317
- }
318
-
319
- .form-search .radio,
320
- .form-search .checkbox,
321
- .form-inline .radio {
322
- padding-left: 0;
323
- margin-bottom: 0;
324
- vertical-align: middle;
325
- }
326
-
327
- .form-search .radio input[type="radio"],
328
- .form-search .checkbox input[type="checkbox"] {
329
- float: left;
330
- margin-left: 0;
331
- margin-right: 3px;
332
- }
333
-
334
-
335
- /*
298
+ .form-search input,
299
+ .form-search textarea,
300
+ .form-search select {
301
+ display: inline-block;
302
+ margin-bottom: 0;
303
+ }
304
+
305
+ .form-search .search-query {
306
+ padding-left: 14px;
307
+ padding-right: 14px;
308
+ margin-bottom: 0;
309
+ border-radius: 14px;
310
+ }
311
+
312
+ .form-search label {
313
+ display: inline-block;
314
+ }
315
+
316
+ .form-search .radio,
317
+ .form-search .checkbox,
318
+ .form-inline .radio {
319
+ padding-left: 0;
320
+ margin-bottom: 0;
321
+ vertical-align: middle;
322
+ }
323
+
324
+ .form-search .radio input[type="radio"],
325
+ .form-search .checkbox input[type="checkbox"] {
326
+ float: left;
327
+ margin-left: 0;
328
+ margin-right: 3px;
329
+ }
330
+
331
+ /*
336
332
  .form--loading
337
333
  ========================================================================== */
338
334
 
339
- .form--loading:before {
340
- content: '';
341
- }
342
-
343
- .form--loading .form__spinner {
344
- display: block;
345
- }
346
-
347
- .form:before {
348
- position: absolute;
349
- top: 0;
350
- left: 0;
351
- width: 100%;
352
- height: 100%;
353
- background-color: rgba(255, 255, 255, 0.7);
354
- z-index: 10;
355
- }
356
-
357
- .form__spinner {
358
- display: none;
359
- position: absolute;
360
- top: 50%;
361
- left: 50%;
362
- z-index: 11;
363
- }
364
-
365
-
366
-
367
- /*
335
+ .form--loading:before {
336
+ content: "";
337
+ }
338
+
339
+ .form--loading .form__spinner {
340
+ display: block;
341
+ }
342
+
343
+ .form:before {
344
+ position: absolute;
345
+ top: 0;
346
+ left: 0;
347
+ width: 100%;
348
+ height: 100%;
349
+ background-color: rgba(255, 255, 255, 0.7);
350
+ z-index: 10;
351
+ }
352
+
353
+ .form__spinner {
354
+ display: none;
355
+ position: absolute;
356
+ top: 50%;
357
+ left: 50%;
358
+ z-index: 11;
359
+ }
360
+
361
+ /*
368
362
  Google search form
369
363
  ========================================================================== */
370
364
 
371
- #goog-fixurl {
372
- ul {
373
- list-style: none;
374
- margin-left: 0;
375
- padding-left: 0;
376
- li {
377
- list-style-type: none;
378
- }
365
+ #goog-fixurl {
366
+ ul {
367
+ list-style: none;
368
+ margin-left: 0;
369
+ padding-left: 0;
370
+ li {
371
+ list-style-type: none;
379
372
  }
380
373
  }
381
-
382
- #goog-wm-qt {
383
- width: auto;
384
- margin-right: 10px;
385
- margin-bottom: 20px;
386
- padding: 8px 20px;
387
- display: inline-block;
388
- font-size: $type-size-6;
389
- background-color: #fff;
390
- color: #000;
391
- border-width: 2px !important;
392
- border-style: solid !important;
393
- border-color: $border-color;
394
- border-radius: $border-radius;
395
- }
396
-
397
- #goog-wm-sb {
398
- @extend .btn;
399
- }
374
+ }
375
+
376
+ #goog-wm-qt {
377
+ width: auto;
378
+ margin-right: 10px;
379
+ margin-bottom: 20px;
380
+ padding: 8px 20px;
381
+ display: inline-block;
382
+ font-size: $type-size-6;
383
+ background-color: #fff;
384
+ color: #000;
385
+ border-width: 2px !important;
386
+ border-style: solid !important;
387
+ border-color: $border-color;
388
+ border-radius: $border-radius;
389
+ }
390
+
391
+ #goog-wm-sb {
392
+ @extend .btn;
393
+ }