bulma-rails 0.0.26 → 0.0.28

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: ed3444a73e5a373d05cdf16d22f6aa5a1b7b3151
4
- data.tar.gz: f15af369eae758a17b5674aee5f5b3221ceceaf9
3
+ metadata.gz: 6dc3ecac676a038c4fa9fc991854a35e1b1209e7
4
+ data.tar.gz: 957d8a24c8a5a60bcc0c1e6aa7f444bfa679d33d
5
5
  SHA512:
6
- metadata.gz: d5a93527343b77b5c9a9bec48d6f1ea93dff034ccfe8ea92bb5ffa0efbb4e8c1d8b4c40c04d1d9caf698e344a7f103f24a6250b24e2c4f735902eb25f5f1d664
7
- data.tar.gz: aea072fc7a5133b09c68aa59edbef30b74fa8df07790f6f897d8ddab4d766e5f80aeea776c3c4e521ccffdae19a3c691f947f26a95ca13f53a72f1451946726e
6
+ metadata.gz: 21a77831e02c3523120873f99c61e46cdb4b1487428c855a00fe8814504579d244f524fb7c687a2891436bbd823e11421aa60d803248f32e83f08f4eada69b47
7
+ data.tar.gz: b425eb1d15b8ee764bb96a9ad7b053f7732c34605caacf278e130d0201bfd64e76fb1243084eb158189b8c158f14dddf5ea254a91d4c59b5a3aee0871167afd2
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.0.26"
11
+ gem "bulma-rails", "~> 0.0.28"
12
12
 
13
13
  And then execute:
14
14
 
@@ -162,6 +162,43 @@
162
162
  width: ($i / 12) * 100%
163
163
  &.is-offset-#{$i}-desktop
164
164
  margin-left: ($i / 12) * 100%
165
+ +widescreen
166
+ &.is-narrow-widescreen
167
+ flex: none
168
+ &.is-full-widescreen
169
+ flex: none
170
+ width: 100%
171
+ &.is-three-quarters-widescreen
172
+ flex: none
173
+ width: 75%
174
+ &.is-two-thirds-widescreen
175
+ flex: none
176
+ width: 66.6666%
177
+ &.is-half-widescreen
178
+ flex: none
179
+ width: 50%
180
+ &.is-one-third-widescreen
181
+ flex: none
182
+ width: 33.3333%
183
+ &.is-one-quarter-widescreen
184
+ flex: none
185
+ width: 25%
186
+ &.is-offset-three-quarters-widescreen
187
+ margin-left: 75%
188
+ &.is-offset-two-thirds-widescreen
189
+ margin-left: 66.6666%
190
+ &.is-offset-half-widescreen
191
+ margin-left: 50%
192
+ &.is-offset-one-third-widescreen
193
+ margin-left: 33.3333%
194
+ &.is-offset-one-quarter-widescreen
195
+ margin-left: 25%
196
+ @for $i from 1 through 12
197
+ &.is-#{$i}-widescreen
198
+ flex: none
199
+ width: ($i / 12) * 100%
200
+ &.is-offset-#{$i}-widescreen
201
+ margin-left: ($i / 12) * 100%
165
202
 
166
203
  .columns
167
204
  margin-left: -10px
@@ -35,15 +35,10 @@
35
35
  border-top: 1px solid rgba($border, 0.5)
36
36
  display: flex
37
37
  padding-top: 10px
38
- .textarea
39
- +control-small
40
- .button
41
- +button-small
42
38
  .content:not(:last-child),
43
39
  .control:not(:last-child)
44
40
  margin-bottom: 5px
45
41
  .media
46
- font-size: 12px
47
42
  padding-top: 5px
48
43
  & + .media
49
44
  margin-top: 5px
@@ -4,15 +4,9 @@
4
4
  justify-content: center
5
5
  text-align: center
6
6
  a
7
- @extend .button
8
7
  display: block
9
8
  min-width: 32px
10
9
  padding: 3px 8px
11
- // Modifiers
12
- &.is-active
13
- background: $link
14
- border-color: $link
15
- color: $link-invert
16
10
  span
17
11
  color: $text-light
18
12
  display: block
@@ -39,7 +39,9 @@
39
39
  &:last-child
40
40
  margin-left: 4px
41
41
  margin-right: -2px
42
- &:hover
42
+ &:hover,
43
+ &:focus,
44
+ &.is-active
43
45
  color: $control-hover
44
46
  &:active
45
47
  box-shadow: inset 0 1px 2px rgba($black, 0.2)
@@ -52,7 +54,8 @@
52
54
  border-color: transparent
53
55
  color: $color-invert
54
56
  &:hover,
55
- &:focus
57
+ &:focus,
58
+ &.is-active
56
59
  background: darken($color, 10%)
57
60
  border-color: transparent
58
61
  color: $color-invert
@@ -96,7 +99,7 @@
96
99
  &.is-disabled
97
100
  opacity: 0.5
98
101
  &.is-fullwidth
99
- display: block
102
+ display: flex
100
103
  width: 100%
101
104
  &.is-loading
102
105
  color: transparent !important
@@ -15,20 +15,11 @@
15
15
  // Sizes
16
16
  &.is-small
17
17
  +control-small
18
- &.is-flat
19
- padding: 4px 6px
20
18
  &.is-medium
21
19
  +control-medium
22
- &.is-flat
23
- padding: 4px 10px
24
20
  &.is-large
25
21
  +control-large
26
- &.is-flat
27
- padding: 4px 12px
28
22
  // Modifiers
29
- &.is-flat
30
- border: none
31
- box-shadow: none
32
23
  &.is-fullwidth
33
24
  display: block
34
25
  width: 100%
@@ -98,6 +89,21 @@
98
89
  &:hover
99
90
  &:after
100
91
  border-color: $link-hover
92
+ &.is-small
93
+ height: 24px
94
+ select
95
+ +control-small
96
+ padding-right: 28px
97
+ &.is-medium
98
+ height: 40px
99
+ select
100
+ +control-medium
101
+ padding-right: 44px
102
+ &.is-large
103
+ height: 48px
104
+ select
105
+ +control-large
106
+ padding-right: 52px
101
107
 
102
108
  .label
103
109
  color: $text-strong
@@ -140,6 +146,7 @@
140
146
  .select
141
147
  border-radius: 0
142
148
  margin-right: -1px
149
+ width: auto
143
150
  &:hover
144
151
  z-index: 2
145
152
  &:active,
@@ -153,10 +160,17 @@
153
160
  border-radius: 0 $radius $radius 0
154
161
  select
155
162
  border-radius: 0 $radius $radius 0
163
+ &.is-expanded
164
+ flex: 1
156
165
  &.has-addons-centered
157
166
  justify-content: center
158
167
  &.has-addons-right
159
168
  justify-content: flex-end
169
+ &.has-addons-fullwidth
170
+ .button,
171
+ .input,
172
+ .select
173
+ flex: 1
160
174
  &.has-icon
161
175
  & > .fa
162
176
  +fa(14px, 24px)
@@ -214,13 +228,12 @@
214
228
  &.is-grouped
215
229
  display: flex
216
230
  justify-content: flex-start
217
- & > .button,
218
- & > .input,
219
- & > .select
231
+ & > .control
220
232
  &:not(:last-child)
233
+ margin-bottom: 0
221
234
  margin-right: 10px
222
- & > .input
223
- flex: 1
235
+ &.is-expanded
236
+ flex: 1
224
237
  &.is-grouped-centered
225
238
  justify-content: center
226
239
  &.is-grouped-right
@@ -5,6 +5,8 @@ $dimensions: 16 24 32 48 64 96 128
5
5
  position: relative
6
6
  img
7
7
  display: block
8
+ height: auto
9
+ width: 100%
8
10
  // Ratio
9
11
  &.is-square,
10
12
  &.is-1by1,
@@ -84,8 +84,8 @@
84
84
  tbody
85
85
  tr
86
86
  &:hover
87
- background: darken($background, 5%)
87
+ background: darken($background, 2%)
88
88
  &:nth-child(2n)
89
89
  background: $background
90
90
  &:hover
91
- background: darken($background, 5%)
91
+ background: darken($background, 2%)
@@ -143,8 +143,4 @@
143
143
  align-items: center
144
144
  display: flex
145
145
  & > .container
146
- align-items: stretch
147
- display: flex
148
146
  flex: 1
149
- flex-direction: column
150
- justify-content: center
@@ -3,9 +3,8 @@
3
3
  padding: 40px 20px
4
4
  // Responsiveness
5
5
  +desktop
6
- padding: 40px 0
7
6
  // Sizes
8
7
  &.is-medium
9
- padding: 120px 0
8
+ padding: 120px 20px
10
9
  &.is-large
11
- padding: 240px 0
10
+ padding: 240px 20px
@@ -18,7 +18,8 @@
18
18
  &:hover
19
19
  border-color: $control-hover-border
20
20
  &:active,
21
- &:focus
21
+ &:focus,
22
+ &.is-active
22
23
  border-color: $control-active-border
23
24
  outline: none
24
25
  &[disabled],
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.0.26'
5
+ gem.version = '0.0.28'
6
6
  gem.date = Date.today
7
7
  gem.authors = ["Joshua Jansen"]
8
8
  gem.email = ["joshuajansen88@gmail.com"]
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.0.26
4
+ version: 0.0.28
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joshua Jansen
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-05-12 00:00:00.000000000 Z
11
+ date: 2016-05-31 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass