activeadmin_materialize_theme 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
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
+ }