activeadmin_materialize_theme 0.1.2

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.
Files changed (94) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +26 -0
  4. data/Rakefile +34 -0
  5. data/app/assets/config/activeadmin_materialize_theme_manifest.js +1 -0
  6. data/app/assets/javascripts/activeadmin_materialize_theme.js +65 -0
  7. data/app/assets/javascripts/materialize/anime.min.js +34 -0
  8. data/app/assets/javascripts/materialize/autocomplete.js +450 -0
  9. data/app/assets/javascripts/materialize/bin/materialize.js +12374 -0
  10. data/app/assets/javascripts/materialize/bin/materialize.min.js +6 -0
  11. data/app/assets/javascripts/materialize/buttons.js +354 -0
  12. data/app/assets/javascripts/materialize/cards.js +40 -0
  13. data/app/assets/javascripts/materialize/carousel.js +717 -0
  14. data/app/assets/javascripts/materialize/cash.js +960 -0
  15. data/app/assets/javascripts/materialize/characterCounter.js +136 -0
  16. data/app/assets/javascripts/materialize/chips.js +481 -0
  17. data/app/assets/javascripts/materialize/collapsible.js +275 -0
  18. data/app/assets/javascripts/materialize/component.js +44 -0
  19. data/app/assets/javascripts/materialize/datepicker.js +975 -0
  20. data/app/assets/javascripts/materialize/dropdown.js +617 -0
  21. data/app/assets/javascripts/materialize/forms.js +275 -0
  22. data/app/assets/javascripts/materialize/global.js +427 -0
  23. data/app/assets/javascripts/materialize/materialbox.js +453 -0
  24. data/app/assets/javascripts/materialize/modal.js +382 -0
  25. data/app/assets/javascripts/materialize/parallax.js +138 -0
  26. data/app/assets/javascripts/materialize/pushpin.js +145 -0
  27. data/app/assets/javascripts/materialize/range.js +263 -0
  28. data/app/assets/javascripts/materialize/scrollspy.js +295 -0
  29. data/app/assets/javascripts/materialize/select.js +432 -0
  30. data/app/assets/javascripts/materialize/sidenav.js +580 -0
  31. data/app/assets/javascripts/materialize/slider.js +359 -0
  32. data/app/assets/javascripts/materialize/tabs.js +402 -0
  33. data/app/assets/javascripts/materialize/tapTarget.js +314 -0
  34. data/app/assets/javascripts/materialize/timepicker.js +647 -0
  35. data/app/assets/javascripts/materialize/toasts.js +310 -0
  36. data/app/assets/javascripts/materialize/tooltip.js +303 -0
  37. data/app/assets/javascripts/materialize/waves.js +335 -0
  38. data/app/assets/stylesheets/activeadmin_materialize_theme/base.scss +107 -0
  39. data/app/assets/stylesheets/activeadmin_materialize_theme/components/footer.scss +18 -0
  40. data/app/assets/stylesheets/activeadmin_materialize_theme/components/form.scss +140 -0
  41. data/app/assets/stylesheets/activeadmin_materialize_theme/components/header.scss +61 -0
  42. data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_index.scss +83 -0
  43. data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_show.scss +56 -0
  44. data/app/assets/stylesheets/activeadmin_materialize_theme/components/sidebar.scss +37 -0
  45. data/app/assets/stylesheets/activeadmin_materialize_theme/components/title_bar.scss +43 -0
  46. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/LICENSE +21 -0
  47. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/README.md +91 -0
  48. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_badges.scss +55 -0
  49. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_buttons.scss +322 -0
  50. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_cards.scss +195 -0
  51. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_carousel.scss +90 -0
  52. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_chips.scss +90 -0
  53. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_collapsible.scss +91 -0
  54. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_color-classes.scss +32 -0
  55. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_color-variables.scss +370 -0
  56. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_datepicker.scss +191 -0
  57. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_dropdown.scss +85 -0
  58. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_global.scss +769 -0
  59. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_grid.scss +156 -0
  60. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_icons-material-design.scss +5 -0
  61. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_materialbox.scss +43 -0
  62. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_modal.scss +94 -0
  63. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_navbar.scss +208 -0
  64. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_normalize.scss +447 -0
  65. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_preloader.scss +334 -0
  66. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_pulse.scss +34 -0
  67. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_sidenav.scss +216 -0
  68. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_slider.scss +92 -0
  69. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_table_of_contents.scss +33 -0
  70. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tabs.scss +99 -0
  71. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tapTarget.scss +103 -0
  72. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_timepicker.scss +183 -0
  73. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_toast.scss +58 -0
  74. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_tooltip.scss +32 -0
  75. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_transitions.scss +13 -0
  76. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_typography.scss +60 -0
  77. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_variables.scss +349 -0
  78. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/_waves.scss +114 -0
  79. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_checkboxes.scss +200 -0
  80. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_file-input.scss +44 -0
  81. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_forms.scss +22 -0
  82. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_input-fields.scss +354 -0
  83. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_radio-buttons.scss +115 -0
  84. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_range.scss +161 -0
  85. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_select.scss +180 -0
  86. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/components/forms/_switches.scss +89 -0
  87. data/app/assets/stylesheets/activeadmin_materialize_theme/materialize/materialize.scss +41 -0
  88. data/app/assets/stylesheets/activeadmin_materialize_theme/normalize.css +349 -0
  89. data/app/assets/stylesheets/activeadmin_materialize_theme/theme.scss +13 -0
  90. data/app/assets/stylesheets/activeadmin_materialize_theme/variables.scss +14 -0
  91. data/lib/activeadmin_materialize_theme.rb +6 -0
  92. data/lib/activeadmin_materialize_theme/engine.rb +7 -0
  93. data/lib/activeadmin_materialize_theme/version.rb +5 -0
  94. metadata +149 -0
@@ -0,0 +1,91 @@
1
+ <p align="center">
2
+ <a href="http://materializecss.com/">
3
+ <img src="http://materializecss.com/res/materialize.svg" width="150">
4
+ </a>
5
+ </p>
6
+
7
+ <h3 align="center">MaterializeCSS</h3>
8
+
9
+ <p align="center">
10
+ Materialize, a CSS Framework based on material design.
11
+ <br>
12
+ <a href="http://materializecss.com/"><strong>-- Browse the docs --</strong></a>
13
+ <br>
14
+ <br>
15
+ <a href="https://travis-ci.org/Dogfalo/materialize">
16
+ <img src="https://travis-ci.org/Dogfalo/materialize.svg?branch=master" alt="Travis CI badge">
17
+ </a>
18
+ <a href="https://badge.fury.io/js/materialize-css">
19
+ <img src="https://badge.fury.io/js/materialize-css.svg" alt="npm version badge">
20
+ </a>
21
+ <a href="https://cdnjs.com/libraries/materialize">
22
+ <img src="https://img.shields.io/cdnjs/v/materialize.svg" alt="CDNJS version badge">
23
+ </a>
24
+ <a href="https://david-dm.org/Dogfalo/materialize">
25
+ <img src="https://david-dm.org/Dogfalo/materialize/status.svg" alt="dependencies Status badge">
26
+ </a>
27
+ <a href="https://david-dm.org/Dogfalo/materialize#info=devDependencies">
28
+ <img src="https://david-dm.org/Dogfalo/materialize/dev-status.svg" alt="devDependency Status badge">
29
+ </a>
30
+ <a href="https://gitter.im/Dogfalo/materialize">
31
+ <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
32
+ </a>
33
+ </p>
34
+
35
+ ## Table of Contents
36
+ - [Quickstart](#quickstart)
37
+ - [Documentation](#documentation)
38
+ - [Supported Browsers](#supported-browsers)
39
+ - [Changelog](#changelog)
40
+ - [Testing](#testing)
41
+ - [Contributing](#contributing)
42
+ - [Copyright and license](#copyright-and-license)
43
+
44
+ ## Quickstart:
45
+ Read the [getting started guide](http://materializecss.com/getting-started.html) for more information on how to use materialize.
46
+
47
+ - [Download the latest release](https://github.com/Dogfalo/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/Dogfalo/materialize/releases/))
48
+ - Clone the repo: `git clone https://github.com/Dogfalo/materialize.git` (Beta: `git clone -b v1-dev https://github.com/Dogfalo/materialize.git`)
49
+ - Include the files via [cdnjs](https://cdnjs.com/libraries/materialize). More [here](http://materializecss.com/getting-started.html). ([Beta](https://cdnjs.com/libraries/materialize/1.0.0-beta))
50
+ - Install with [npm](https://www.npmjs.com): `npm install materialize-css` (Beta: `npm install materialize-css@next`)
51
+ - Install with [Bower](https://bower.io): `bower install materialize` ([DEPRECATED](https://bower.io/blog/2017/how-to-migrate-away-from-bower/))
52
+ - Install with [Atmosphere](https://atmospherejs.com): `meteor add materialize:materialize` (Beta: `meteor add materialize:materialize@=1.0.0-beta`)
53
+
54
+ ## Documentation
55
+ The documentation can be found at <http://materializecss.com>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
56
+
57
+ ### Running documentation locally
58
+ Run these commands to set up the documentation:
59
+
60
+ ```bash
61
+ git clone https://github.com/Dogfalo/materialize
62
+ cd materialize
63
+ npm install
64
+ ```
65
+
66
+ Then run `grunt monitor` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
67
+
68
+ ### Documentation for previous releases
69
+ Previous releases and their documentation are available for [download](https://github.com/Dogfalo/materialize/releases).
70
+
71
+ ## Supported Browsers:
72
+ Materialize is compatible with:
73
+
74
+ - Chrome 35+
75
+ - Firefox 31+
76
+ - Safari 9+
77
+ - Opera
78
+ - Edge
79
+ - IE 11+
80
+
81
+ ## Changelog
82
+ For changelogs, check out [the Releases section of materialize](https://github.com/Dogfalo/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
83
+
84
+ ## Testing
85
+ We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
86
+
87
+ ## Contributing
88
+ Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/Dogfalo/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
89
+
90
+ ## Copyright and license
91
+ Code Copyright 2018 Materialize. Code released under the MIT license.
@@ -0,0 +1,55 @@
1
+ // Badges
2
+ span.badge {
3
+ min-width: 3rem;
4
+ padding: 0 6px;
5
+ margin-left: 14px;
6
+ text-align: center;
7
+ font-size: 1rem;
8
+ line-height: $badge-height;
9
+ height: $badge-height;
10
+ color: color('grey', 'darken-1');
11
+ float: right;
12
+ box-sizing: border-box;
13
+
14
+ &.new {
15
+ font-weight: 300;
16
+ font-size: 0.8rem;
17
+ color: #fff;
18
+ background-color: $badge-bg-color;
19
+ border-radius: 2px;
20
+ }
21
+ &.new:after {
22
+ content: " new";
23
+ }
24
+
25
+ &[data-badge-caption]::after {
26
+ content: " " attr(data-badge-caption);
27
+ }
28
+ }
29
+
30
+ // Special cases
31
+ nav ul a span.badge {
32
+ display: inline-block;
33
+ float: none;
34
+ margin-left: 4px;
35
+ line-height: $badge-height;
36
+ height: $badge-height;
37
+ -webkit-font-smoothing: auto;
38
+ }
39
+
40
+ // Line height centering
41
+ .collection-item span.badge {
42
+ margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
43
+ }
44
+ .collapsible span.badge {
45
+ margin-left: auto;
46
+ }
47
+ .sidenav span.badge {
48
+ margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
49
+ }
50
+
51
+ table span.badge {
52
+ display: inline-block;
53
+ float: none;
54
+ margin-left: auto;
55
+ }
@@ -0,0 +1,322 @@
1
+ // shared styles
2
+ .btn,
3
+ .btn-flat {
4
+ border: $button-border;
5
+ border-radius: $button-radius;
6
+ display: inline-block;
7
+ height: $button-height;
8
+ line-height: $button-height;
9
+ padding: $button-padding;
10
+ text-transform: uppercase;
11
+ vertical-align: middle;
12
+ -webkit-tap-highlight-color: transparent; // Gets rid of tap active state
13
+ }
14
+
15
+ // Disabled shared style
16
+ .btn.disabled,
17
+ .btn-floating.disabled,
18
+ .btn-large.disabled,
19
+ .btn-small.disabled,
20
+ .btn-flat.disabled,
21
+ .btn:disabled,
22
+ .btn-floating:disabled,
23
+ .btn-large:disabled,
24
+ .btn-small:disabled,
25
+ .btn-flat:disabled,
26
+ .btn[disabled],
27
+ .btn-floating[disabled],
28
+ .btn-large[disabled],
29
+ .btn-small[disabled],
30
+ .btn-flat[disabled] {
31
+ pointer-events: none;
32
+ background-color: $button-disabled-background !important;
33
+ box-shadow: none;
34
+ color: $button-disabled-color !important;
35
+ cursor: default;
36
+ &:hover {
37
+ background-color: $button-disabled-background !important;
38
+ color: $button-disabled-color !important;
39
+ }
40
+ }
41
+
42
+ // Shared icon styles
43
+ .btn,
44
+ .btn-floating,
45
+ .btn-large,
46
+ .btn-small,
47
+ .btn-flat {
48
+ font-size: $button-font-size;
49
+ outline: 0;
50
+ i {
51
+ font-size: $button-icon-font-size;
52
+ line-height: inherit;
53
+ }
54
+ }
55
+
56
+ // Shared focus button style
57
+ .btn,
58
+ .btn-floating {
59
+ &:focus {
60
+ background-color: darken($button-raised-background, 10%);
61
+ }
62
+ }
63
+
64
+ // Raised Button
65
+ .btn {
66
+ text-decoration: none;
67
+ color: $button-raised-color;
68
+ background-color: $button-raised-background;
69
+ text-align: center;
70
+ letter-spacing: .5px;
71
+ @extend .z-depth-1;
72
+ transition: background-color .2s ease-out;
73
+ cursor: pointer;
74
+ &:hover {
75
+ background-color: $button-raised-background-hover;
76
+ @extend .z-depth-1-half;
77
+ }
78
+ }
79
+
80
+ // Floating button
81
+ .btn-floating {
82
+ &:hover {
83
+ background-color: $button-floating-background-hover;
84
+ @extend .z-depth-1-half;
85
+ }
86
+ &:before {
87
+ border-radius: 0;
88
+ }
89
+ &.btn-large {
90
+ &.halfway-fab {
91
+ bottom: -$button-floating-large-size / 2;
92
+ }
93
+ width: $button-floating-large-size;
94
+ height: $button-floating-large-size;
95
+ padding: 0;
96
+ i {
97
+ line-height: $button-floating-large-size;
98
+ }
99
+ }
100
+
101
+ &.btn-small {
102
+ &.halfway-fab {
103
+ bottom: -$button-floating-small-size / 2;
104
+ }
105
+ width: $button-floating-small-size;
106
+ height: $button-floating-small-size;
107
+ i {
108
+ line-height: $button-floating-small-size;
109
+ }
110
+ }
111
+
112
+ &.halfway-fab {
113
+ &.left {
114
+ right: auto;
115
+ left: 24px;
116
+ }
117
+ position: absolute;
118
+ right: 24px;
119
+ bottom: -$button-floating-size / 2;
120
+ }
121
+ display: inline-block;
122
+ color: $button-floating-color;
123
+ position: relative;
124
+ overflow: hidden;
125
+ z-index: 1;
126
+ width: $button-floating-size;
127
+ height: $button-floating-size;
128
+ line-height: $button-floating-size;
129
+ padding: 0;
130
+ background-color: $button-floating-background;
131
+ border-radius: $button-floating-radius;
132
+ @extend .z-depth-1;
133
+ transition: background-color .3s;
134
+ cursor: pointer;
135
+ vertical-align: middle;
136
+ i {
137
+ width: inherit;
138
+ display: inline-block;
139
+ text-align: center;
140
+ color: $button-floating-color;
141
+ font-size: $button-large-icon-font-size;
142
+ line-height: $button-floating-size;
143
+ }
144
+ }
145
+
146
+ // button fix
147
+ button.btn-floating {
148
+ border: $button-border;
149
+ }
150
+
151
+ // Fixed Action Button
152
+ .fixed-action-btn {
153
+ &.active {
154
+ ul {
155
+ visibility: visible;
156
+ }
157
+ }
158
+
159
+ // Directions
160
+ &.direction-left,
161
+ &.direction-right {
162
+ padding: 0 0 0 15px;
163
+ ul {
164
+ text-align: right;
165
+ right: 64px;
166
+ top: 50%;
167
+ transform: translateY(-50%);
168
+ height: 100%;
169
+ left: auto;
170
+ /*width 100% only goes to width of button container */
171
+ width: 500px;
172
+ li {
173
+ display: inline-block;
174
+ margin: 7.5px 15px 0 0;
175
+ }
176
+ }
177
+ }
178
+ &.direction-right {
179
+ padding: 0 15px 0 0;
180
+ ul {
181
+ text-align: left;
182
+ direction: rtl;
183
+ left: 64px;
184
+ right: auto;
185
+ li {
186
+ margin: 7.5px 0 0 15px;
187
+ }
188
+ }
189
+ }
190
+ &.direction-bottom {
191
+ padding: 0 0 15px 0;
192
+ ul {
193
+ top: 64px;
194
+ bottom: auto;
195
+ display: flex;
196
+ flex-direction: column-reverse;
197
+ li {
198
+ margin: 15px 0 0 0;
199
+ }
200
+ }
201
+ }
202
+ &.toolbar {
203
+ &.active {
204
+ &>a i {
205
+ opacity: 0;
206
+ }
207
+ }
208
+ padding: 0;
209
+ height: $button-floating-large-size;
210
+ ul {
211
+ display: flex;
212
+ top: 0;
213
+ bottom: 0;
214
+ z-index: 1;
215
+ li {
216
+ flex: 1;
217
+ display: inline-block;
218
+ margin: 0;
219
+ height: 100%;
220
+ transition: none;
221
+ a {
222
+ display: block;
223
+ overflow: hidden;
224
+ position: relative;
225
+ width: 100%;
226
+ height: 100%;
227
+ background-color: transparent;
228
+ box-shadow: none;
229
+ color: #fff;
230
+ line-height: $button-floating-large-size;
231
+ z-index: 1;
232
+ i {
233
+ line-height: inherit;
234
+ }
235
+ }
236
+ }
237
+ }
238
+ }
239
+ position: fixed;
240
+ right: 23px;
241
+ bottom: 23px;
242
+ padding-top: 15px;
243
+ margin-bottom: 0;
244
+ z-index: 997;
245
+ ul {
246
+ left: 0;
247
+ right: 0;
248
+ text-align: center;
249
+ position: absolute;
250
+ bottom: 64px;
251
+ margin: 0;
252
+ visibility: hidden;
253
+ li {
254
+ margin-bottom: 15px;
255
+ }
256
+ a.btn-floating {
257
+ opacity: 0;
258
+ }
259
+ }
260
+ .fab-backdrop {
261
+ position: absolute;
262
+ top: 0;
263
+ left: 0;
264
+ z-index: -1;
265
+ width: $button-floating-size;
266
+ height: $button-floating-size;
267
+ background-color: $button-floating-background;
268
+ border-radius: $button-floating-radius;
269
+ transform: scale(0);
270
+ }
271
+ }
272
+
273
+ // Flat button
274
+ .btn-flat {
275
+ box-shadow: none;
276
+ background-color: transparent;
277
+ color: $button-flat-color;
278
+ cursor: pointer;
279
+ transition: background-color .2s;
280
+ &:focus,
281
+ &:hover {
282
+ box-shadow: none;
283
+ }
284
+ &:focus {
285
+ background-color: rgba(0, 0, 0, .1);
286
+ }
287
+ &.disabled,
288
+ &.btn-flat[disabled] {
289
+ background-color: transparent !important;
290
+ color: $button-flat-disabled-color !important;
291
+ cursor: default;
292
+ }
293
+ }
294
+
295
+ // Large button
296
+ .btn-large {
297
+ @extend .btn;
298
+ height: $button-large-height;
299
+ line-height: $button-large-height;
300
+ font-size: $button-large-font-size;
301
+ padding: 0 28px;
302
+
303
+ i {
304
+ font-size: $button-large-icon-font-size;
305
+ }
306
+ }
307
+
308
+ // Small button
309
+ .btn-small {
310
+ @extend .btn;
311
+ height: $button-small-height;
312
+ line-height: $button-small-height;
313
+ font-size: $button-small-font-size;
314
+ i {
315
+ font-size: $button-small-icon-font-size;
316
+ }
317
+ }
318
+
319
+ // Block button
320
+ .btn-block {
321
+ display: block;
322
+ }