bulma-rails 0.6.1 → 0.6.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.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/app/assets/stylesheets/bulma.sass +1 -1
- data/app/assets/stylesheets/sass/base/helpers.sass +3 -0
- data/app/assets/stylesheets/sass/components/level.sass +1 -1
- data/app/assets/stylesheets/sass/components/media.sass +1 -0
- data/app/assets/stylesheets/sass/components/modal.sass +1 -1
- data/app/assets/stylesheets/sass/components/navbar.sass +1 -1
- data/app/assets/stylesheets/sass/components/pagination.sass +9 -0
- data/app/assets/stylesheets/sass/components/tabs.sass +10 -0
- data/app/assets/stylesheets/sass/elements/button.sass +4 -0
- data/app/assets/stylesheets/sass/elements/form.sass +27 -17
- data/app/assets/stylesheets/sass/elements/image.sass +2 -0
- data/app/assets/stylesheets/sass/elements/notification.sass +2 -2
- data/app/assets/stylesheets/sass/elements/other.sass +1 -1
- data/app/assets/stylesheets/sass/elements/progress.sass +1 -1
- data/app/assets/stylesheets/sass/elements/tag.sass +1 -1
- data/app/assets/stylesheets/sass/elements/title.sass +6 -0
- data/app/assets/stylesheets/sass/grid/columns.sass +11 -10
- data/app/assets/stylesheets/sass/layout/hero.sass +1 -1
- data/app/assets/stylesheets/sass/utilities/initial-variables.sass +10 -5
- data/app/assets/stylesheets/sass/utilities/mixins.sass +2 -2
- data/bulma-rails.gemspec +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 29fc7a8a059b5386cf420352a77aefc14f7cdc36
|
4
|
+
data.tar.gz: 56b6346030bd4ef37052c23ac038199fb513633f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: '0986b424dab51f4c2a32e64ec1fb24e88c423220dc5d62018173593aab07bde271f6dcfa0783e39e196378fd9736dd381d66595509098a79f64372a686ff451f'
|
7
|
+
data.tar.gz: a9e32c0f692c614e0cfdadbc7f9bfb0cba744b3b52a1c66eda1a12dff887c5364b18a599e2871100d9d9b70eccb71802216ee08f5222fdfb0ad43372790a2daf
|
data/README.md
CHANGED
@@ -89,6 +89,9 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
|
|
89
89
|
.is-uppercase
|
90
90
|
text-transform: uppercase !important
|
91
91
|
|
92
|
+
.is-italic
|
93
|
+
font-style: italic !important
|
94
|
+
|
92
95
|
@each $name, $pair in $colors
|
93
96
|
$color: nth($pair, 1)
|
94
97
|
.has-text-#{$name}
|
@@ -33,6 +33,14 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
|
|
33
33
|
font-size: $size-medium
|
34
34
|
&.is-large
|
35
35
|
font-size: $size-large
|
36
|
+
&.is-rounded
|
37
|
+
.pagination-previous,
|
38
|
+
.pagination-next
|
39
|
+
padding-left: 1em
|
40
|
+
padding-right: 1em
|
41
|
+
border-radius: $radius-rounded
|
42
|
+
.pagination-link
|
43
|
+
border-radius: $radius-rounded
|
36
44
|
|
37
45
|
.pagination,
|
38
46
|
.pagination-list
|
@@ -58,6 +66,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
|
|
58
66
|
.pagination-next,
|
59
67
|
.pagination-link
|
60
68
|
border-color: $pagination-border-color
|
69
|
+
color: $pagination-color
|
61
70
|
min-width: 2.25em
|
62
71
|
&:hover
|
63
72
|
border-color: $pagination-hover-border-color
|
@@ -132,6 +132,16 @@ $tabs-toggle-link-active-color: $link-invert !default
|
|
132
132
|
z-index: 1
|
133
133
|
ul
|
134
134
|
border-bottom: none
|
135
|
+
&.is-toggle-rounded
|
136
|
+
li
|
137
|
+
&:first-child a
|
138
|
+
border-bottom-left-radius: $radius-rounded
|
139
|
+
border-top-left-radius: $radius-rounded
|
140
|
+
padding-left: 1.25em
|
141
|
+
&:last-child a
|
142
|
+
border-bottom-right-radius: $radius-rounded
|
143
|
+
border-top-right-radius: $radius-rounded
|
144
|
+
padding-right: 1.25em
|
135
145
|
// Sizes
|
136
146
|
&.is-small
|
137
147
|
font-size: $size-small
|
@@ -199,6 +199,10 @@ $button-static-border-color: $grey-lighter !default
|
|
199
199
|
color: $button-static-color
|
200
200
|
box-shadow: none
|
201
201
|
pointer-events: none
|
202
|
+
&.is-rounded
|
203
|
+
border-radius: $radius-rounded
|
204
|
+
padding-left: 1em
|
205
|
+
padding-right: 1em
|
202
206
|
|
203
207
|
.buttons
|
204
208
|
align-items: center
|
@@ -70,8 +70,6 @@ $help-size: $size-small !default
|
|
70
70
|
box-shadow: $input-shadow
|
71
71
|
max-width: 100%
|
72
72
|
width: 100%
|
73
|
-
&[type="search"]
|
74
|
-
border-radius: 290486px
|
75
73
|
&[readonly]
|
76
74
|
box-shadow: none
|
77
75
|
// Colors
|
@@ -100,6 +98,10 @@ $help-size: $size-small !default
|
|
100
98
|
width: auto
|
101
99
|
|
102
100
|
.input
|
101
|
+
&.is-rounded
|
102
|
+
border-radius: $radius-rounded
|
103
|
+
padding-left: 1em
|
104
|
+
padding-right: 1em
|
103
105
|
&.is-static
|
104
106
|
background-color: transparent
|
105
107
|
border-color: transparent
|
@@ -153,6 +155,10 @@ $help-size: $size-small !default
|
|
153
155
|
right: 1.125em
|
154
156
|
top: 50%
|
155
157
|
z-index: 4
|
158
|
+
&.is-rounded
|
159
|
+
select
|
160
|
+
border-radius: $radius-rounded
|
161
|
+
padding-left: 1em
|
156
162
|
select
|
157
163
|
+input
|
158
164
|
cursor: pointer
|
@@ -274,10 +280,6 @@ $help-size: $size-small !default
|
|
274
280
|
border-radius: $file-radius
|
275
281
|
.file-name
|
276
282
|
display: none
|
277
|
-
&.is-centered
|
278
|
-
justify-content: center
|
279
|
-
&.is-right
|
280
|
-
justify-content: flex-end
|
281
283
|
&.is-boxed
|
282
284
|
.file-label
|
283
285
|
flex-direction: column
|
@@ -307,19 +309,22 @@ $help-size: $size-small !default
|
|
307
309
|
.file-name
|
308
310
|
border-radius: 0 0 $file-radius $file-radius
|
309
311
|
border-width: 0 1px 1px
|
312
|
+
&.is-centered
|
313
|
+
justify-content: center
|
314
|
+
&.is-fullwidth
|
315
|
+
.file-label
|
316
|
+
width: 100%
|
317
|
+
.file-name
|
318
|
+
flex-grow: 1
|
319
|
+
max-width: none
|
310
320
|
&.is-right
|
321
|
+
justify-content: flex-end
|
311
322
|
.file-cta
|
312
323
|
border-radius: 0 $file-radius $file-radius 0
|
313
324
|
.file-name
|
314
325
|
border-radius: $file-radius 0 0 $file-radius
|
315
326
|
border-width: 1px 0 1px 1px
|
316
327
|
order: -1
|
317
|
-
&.is-fullwidth
|
318
|
-
.file-label
|
319
|
-
width: 100%
|
320
|
-
.file-name
|
321
|
-
flex-grow: 1
|
322
|
-
max-width: none
|
323
328
|
|
324
329
|
.file-label
|
325
330
|
align-items: stretch
|
@@ -419,22 +424,26 @@ $help-size: $size-small !default
|
|
419
424
|
.control
|
420
425
|
&:not(:last-child)
|
421
426
|
margin-right: -1px
|
427
|
+
&:not(:first-child):not(:last-child)
|
428
|
+
.button,
|
429
|
+
.input,
|
430
|
+
.select select
|
431
|
+
border-radius: 0
|
422
432
|
&:first-child
|
423
433
|
.button,
|
424
434
|
.input,
|
425
435
|
.select select
|
426
|
-
border-bottom-
|
427
|
-
border-top-
|
436
|
+
border-bottom-right-radius: 0
|
437
|
+
border-top-right-radius: 0
|
428
438
|
&:last-child
|
429
439
|
.button,
|
430
440
|
.input,
|
431
441
|
.select select
|
432
|
-
border-bottom-
|
433
|
-
border-top-
|
442
|
+
border-bottom-left-radius: 0
|
443
|
+
border-top-left-radius: 0
|
434
444
|
.button,
|
435
445
|
.input,
|
436
446
|
.select select
|
437
|
-
border-radius: 0
|
438
447
|
&:hover,
|
439
448
|
&.is-hovered
|
440
449
|
z-index: 2
|
@@ -602,6 +611,7 @@ $help-size: $size-small !default
|
|
602
611
|
position: absolute !important
|
603
612
|
right: 0.625em
|
604
613
|
top: 0.625em
|
614
|
+
z-index: 4
|
605
615
|
&.is-small:after
|
606
616
|
font-size: $size-small
|
607
617
|
&.is-medium:after
|
@@ -3,6 +3,8 @@ $title-size: $size-3 !default
|
|
3
3
|
$title-weight: $weight-semibold !default
|
4
4
|
$title-strong-color: inherit !default
|
5
5
|
$title-strong-weight: inherit !default
|
6
|
+
$title-sub-size: 0.75em !default
|
7
|
+
$title-sup-size: 0.75em !default
|
6
8
|
|
7
9
|
$subtitle-color: $grey-dark !default
|
8
10
|
$subtitle-size: $size-5 !default
|
@@ -17,6 +19,10 @@ $subtitle-strong-weight: $weight-semibold !default
|
|
17
19
|
em,
|
18
20
|
span
|
19
21
|
font-weight: inherit
|
22
|
+
sub
|
23
|
+
font-size: $title-sub-size
|
24
|
+
sup
|
25
|
+
font-size: $title-sup-size
|
20
26
|
.tag
|
21
27
|
vertical-align: middle
|
22
28
|
|
@@ -464,13 +464,14 @@ $column-gap: 0.75rem !default
|
|
464
464
|
&.is-desktop
|
465
465
|
display: flex
|
466
466
|
|
467
|
-
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
|
476
|
-
|
467
|
+
@if $variable-columns
|
468
|
+
.columns.is-variable
|
469
|
+
--columnGap: 0.75rem
|
470
|
+
margin-left: calc(-1 * var(--columnGap))
|
471
|
+
margin-right: calc(-1 * var(--columnGap))
|
472
|
+
.column
|
473
|
+
padding-left: var(--columnGap)
|
474
|
+
padding-right: var(--columnGap)
|
475
|
+
@for $i from 0 through 8
|
476
|
+
&.is-#{$i}
|
477
|
+
--columnGap: #{$i * 0.25rem}
|
@@ -49,12 +49,12 @@ $weight-bold: 700 !default
|
|
49
49
|
$gap: 32px !default
|
50
50
|
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
|
51
51
|
$tablet: 769px !default
|
52
|
-
// 960px container +
|
52
|
+
// 960px container + 4rem
|
53
53
|
$desktop: 960px + (2 * $gap) !default
|
54
|
-
// 1152px container +
|
55
|
-
$widescreen: 1152px + (2 * $gap)
|
56
|
-
// 1344px container +
|
57
|
-
$fullhd: 1344px + (2 * $gap)
|
54
|
+
// 1152px container + 4rem
|
55
|
+
$widescreen: 1152px + (2 * $gap) !default
|
56
|
+
// 1344px container + 4rem
|
57
|
+
$fullhd: 1344px + (2 * $gap) !default
|
58
58
|
|
59
59
|
// Miscellaneous
|
60
60
|
|
@@ -62,4 +62,9 @@ $easing: ease-out !default
|
|
62
62
|
$radius-small: 2px !default
|
63
63
|
$radius: 3px !default
|
64
64
|
$radius-large: 5px !default
|
65
|
+
$radius-rounded: 290486px !default
|
65
66
|
$speed: 86ms !default
|
67
|
+
|
68
|
+
// Flags
|
69
|
+
|
70
|
+
$variable-columns: true !default
|
@@ -38,7 +38,7 @@
|
|
38
38
|
-webkit-appearance: none
|
39
39
|
background-color: rgba($black, 0.2)
|
40
40
|
border: none
|
41
|
-
border-radius:
|
41
|
+
border-radius: $radius-rounded
|
42
42
|
cursor: pointer
|
43
43
|
display: inline-block
|
44
44
|
flex-grow: 0
|
@@ -144,7 +144,7 @@
|
|
144
144
|
=loader
|
145
145
|
animation: spinAround 500ms infinite linear
|
146
146
|
border: 2px solid $border
|
147
|
-
border-radius:
|
147
|
+
border-radius: $radius-rounded
|
148
148
|
border-right-color: transparent
|
149
149
|
border-top-color: transparent
|
150
150
|
content: ""
|
data/bulma-rails.gemspec
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bulma-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.6.
|
4
|
+
version: 0.6.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Joshua Jansen
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2018-01-10 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|