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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 26be2ca12c9d47bcd329d2a97e46a45dac8e18a7
4
- data.tar.gz: 86390307107024d31bdf3c2f96475c65229248fa
3
+ metadata.gz: 29fc7a8a059b5386cf420352a77aefc14f7cdc36
4
+ data.tar.gz: 56b6346030bd4ef37052c23ac038199fb513633f
5
5
  SHA512:
6
- metadata.gz: 6ac2b4fea00ada7f05a5a0c8e697b2de5c704b1a29f3ff1ab9ebcc1d8265d02174a514c523bfcc4b345f62f920fc982c3d60b419728ec37e466927fba2660fec
7
- data.tar.gz: bd9bcd883e2bbae9dbb2cc68272b32e23d9a2c7d37a827051858c8421f3c2b7e73b2ef175c6583d014a5a05f9580596ed112af9c82f5520627cc165a5b085047
6
+ metadata.gz: '0986b424dab51f4c2a32e64ec1fb24e88c423220dc5d62018173593aab07bde271f6dcfa0783e39e196378fd9736dd381d66595509098a79f64372a686ff451f'
7
+ data.tar.gz: a9e32c0f692c614e0cfdadbc7f9bfb0cba744b3b52a1c66eda1a12dff887c5364b18a599e2871100d9d9b70eccb71802216ee08f5222fdfb0ad43372790a2daf
data/README.md CHANGED
@@ -8,7 +8,7 @@ A modern CSS framework based on Flexbox.
8
8
 
9
9
  Add this line to your application's Gemfile:
10
10
 
11
- gem "bulma-rails", "~> 0.6.1"
11
+ gem "bulma-rails", "~> 0.6.2"
12
12
 
13
13
  And then execute:
14
14
 
@@ -1,5 +1,5 @@
1
1
  @charset "utf-8"
2
- /*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
2
+ /*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
3
3
  @import "sass/utilities/_all"
4
4
  @import "sass/base/_all"
5
5
  @import "sass/elements/_all"
@@ -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}
@@ -42,7 +42,7 @@
42
42
  +mobile
43
43
  &:not(:last-child)
44
44
  margin-bottom: 0.75rem
45
-
45
+
46
46
  .level-left,
47
47
  .level-right
48
48
  flex-basis: auto
@@ -41,4 +41,5 @@
41
41
  flex-basis: auto
42
42
  flex-grow: 1
43
43
  flex-shrink: 1
44
+ overflow: auto
44
45
  text-align: left
@@ -1,4 +1,4 @@
1
- $modal-z: 20 !default
1
+ $modal-z: 40 !default
2
2
 
3
3
  $modal-background-background-color: rgba($black, 0.86) !default
4
4
 
@@ -206,7 +206,7 @@ a.navbar-link
206
206
  align-items: center
207
207
  display: flex
208
208
  .navbar-menu
209
- background-color: $white
209
+ background-color: $navbar-background-color
210
210
  box-shadow: 0 8px 16px rgba($black, 0.1)
211
211
  padding: 0.5rem 0
212
212
  &.is-active
@@ -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-left-radius: $input-radius
427
- border-top-left-radius: $input-radius
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-right-radius: $input-radius
433
- border-top-right-radius: $input-radius
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
@@ -7,6 +7,8 @@ $dimensions: 16 24 32 48 64 96 128 !default
7
7
  display: block
8
8
  height: auto
9
9
  width: 100%
10
+ &.is-rounded
11
+ border-radius: $radius-rounded
10
12
  // Ratio
11
13
  &.is-square,
12
14
  &.is-1by1,
@@ -20,8 +20,8 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
20
20
  background: transparent
21
21
  & > .delete
22
22
  position: absolute
23
- right: 0.5em
24
- top: 0.5em
23
+ right: 0.5rem
24
+ top: 0.5rem
25
25
  .title,
26
26
  .subtitle,
27
27
  .content
@@ -27,7 +27,7 @@
27
27
  .number
28
28
  align-items: center
29
29
  background-color: $background
30
- border-radius: 290486px
30
+ border-radius: $radius-rounded
31
31
  display: inline-flex
32
32
  font-size: $size-medium
33
33
  height: 2em
@@ -6,7 +6,7 @@ $progress-value-background-color: $text !default
6
6
  -moz-appearance: none
7
7
  -webkit-appearance: none
8
8
  border: none
9
- border-radius: 290486px
9
+ border-radius: $radius-rounded
10
10
  display: block
11
11
  height: $size-normal
12
12
  overflow: hidden
@@ -104,7 +104,7 @@ $tag-delete-margin: 1px !default
104
104
  &:active
105
105
  background-color: darken($tag-background-color, 10%)
106
106
  &.is-rounded
107
- border-radius: 290486px
107
+ border-radius: $radius-rounded
108
108
 
109
109
  a.tag
110
110
  &:hover
@@ -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
- .columns.is-variable
468
- --columnGap: 0.75rem
469
- margin-left: calc(-1 * var(--columnGap))
470
- margin-right: calc(-1 * var(--columnGap))
471
- .column
472
- padding-left: var(--columnGap)
473
- padding-right: var(--columnGap)
474
- @for $i from 0 through 8
475
- &.is-#{$i}
476
- --columnGap: #{$i * 0.25rem}
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}
@@ -17,7 +17,7 @@
17
17
  &.is-#{$name}
18
18
  background-color: $color
19
19
  color: $color-invert
20
- a:not(.button),
20
+ a:not(.button):not(.dropdown-item):not(.tag),
21
21
  strong
22
22
  color: inherit
23
23
  .title
@@ -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 + 3rem
52
+ // 960px container + 4rem
53
53
  $desktop: 960px + (2 * $gap) !default
54
- // 1152px container + 3rem
55
- $widescreen: 1152px + (2 * $gap) !default
56
- // 1344px container + 3rem
57
- $fullhd: 1344px + (2 * $gap) !default
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: 290486px
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: 290486px
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
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |gem|
4
4
  gem.name = 'bulma-rails'
5
- gem.version = '0.6.1'
5
+ gem.version = '0.6.2'
6
6
  gem.authors = ["Joshua Jansen"]
7
7
  gem.email = ["joshuajansen88@gmail.com"]
8
8
  gem.description = %q{A modern CSS framework based on Flexbox}
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.1
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: 2017-11-06 00:00:00.000000000 Z
11
+ date: 2018-01-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass