bulma-rails 0.0.18 → 0.0.20

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 (9) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/stylesheets/bulma/components/grid.sass +78 -32
  4. data/app/assets/stylesheets/bulma/elements/controls.sass +37 -4
  5. data/app/assets/stylesheets/bulma/elements/elements.sass +1 -1
  6. data/app/assets/stylesheets/bulma/elements/notifications.sass +1 -3
  7. data/app/assets/stylesheets/bulma/elements/titles.sass +1 -0
  8. data/bulma-rails.gemspec +1 -1
  9. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 30374f8faf97af8ce079cd59f7a9d031b817523b
4
- data.tar.gz: 54a723a995d79aa26783ef4e402144ee5d4c9c09
3
+ metadata.gz: 774aebc8a2a7798b3ac5da9809a0e5bf0ee34dd4
4
+ data.tar.gz: d0e1e3b77d460242d664108908b1efb1db27a92e
5
5
  SHA512:
6
- metadata.gz: 4dde55d05d561a26cc0e9d4437792d61596725726d7bfb017fd672b31eab0ee8527b5ef3431ac433fc1a6ae23594a530de2ed4709444bec322b8240df508b782
7
- data.tar.gz: 5328626a5b3347a5e1e493a93957e40e4940e589e1f8ced6fac18ccc0d7aa7415af892044192438efe0be2aac5ebd53bdcd49fcec4b9ff0dc7b1d7b9864646fa
6
+ metadata.gz: 64fec80c16757c05cfe31bfd25e370b46412407705f843d57e511866f752dbd1ee0b5801956d8dda327841a58fcfa799da8aa8ed176cc35353106a7f1b8d7a2b
7
+ data.tar.gz: a40ebaaccd6b6a793e4671216384d1e0b6e07e15828e92f0aa9445788dfc600b5622e6fd326c6f7e6ecd6b536854ea23159edc52fe9f8e6ab590ae646f187c87
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.18"
11
+ gem "bulma-rails", "~> 0.0.20"
12
12
 
13
13
  And then execute:
14
14
 
data/app/assets/stylesheets/bulma/components/grid.sass CHANGED
@@ -4,20 +4,30 @@
4
4
  .columns.is-mobile > &.is-full
5
5
  flex: none
6
6
  width: 100%
7
+ .columns.is-mobile > &.is-three-quarters
8
+ flex: none
9
+ width: 75%
10
+ .columns.is-mobile > &.is-two-thirds
11
+ flex: none
12
+ width: 66.6666%
7
13
  .columns.is-mobile > &.is-half
8
14
  flex: none
9
15
  width: 50%
10
- .columns.is-mobile > &.is-third
16
+ .columns.is-mobile > &.is-one-third
11
17
  flex: none
12
18
  width: 33.3333%
13
- .columns.is-mobile > &.is-quarter
19
+ .columns.is-mobile > &.is-one-quarter
14
20
  flex: none
15
21
  width: 25%
22
+ .columns.is-mobile > &.is-offset-three-quarters
23
+ margin-left: 75%
24
+ .columns.is-mobile > &.is-offset-two-thirds
25
+ margin-left: 66.6666%
16
26
  .columns.is-mobile > &.is-offset-half
17
27
  margin-left: 50%
18
- .columns.is-mobile > &.is-offset-third
28
+ .columns.is-mobile > &.is-offset-one-third
19
29
  margin-left: 33.3333%
20
- .columns.is-mobile > &.is-offset-quarter
30
+ .columns.is-mobile > &.is-offset-one-quarter
21
31
  margin-left: 25%
22
32
  @for $i from 1 through 12
23
33
  .columns.is-mobile > &.is-#{$i}
@@ -29,20 +39,30 @@
29
39
  &.is-full-mobile
30
40
  flex: none
31
41
  width: 100%
42
+ &.is-three-quarters-mobile
43
+ flex: none
44
+ width: 75%
45
+ &.is-two-thirds-mobile
46
+ flex: none
47
+ width: 66.6666%
32
48
  &.is-half-mobile
33
49
  flex: none
34
50
  width: 50%
35
- &.is-third-mobile
51
+ &.is-one-third-mobile
36
52
  flex: none
37
53
  width: 33.3333%
38
- &.is-quarter-mobile
54
+ &.is-one-quarter-mobile
39
55
  flex: none
40
56
  width: 25%
57
+ &.is-offset-three-quarters-mobile
58
+ margin-left: 75%
59
+ &.is-offset-two-thirds-mobile
60
+ margin-left: 66.6666%
41
61
  &.is-offset-half-mobile
42
62
  margin-left: 50%
43
- &.is-offset-third-mobile
63
+ &.is-offset-one-third-mobile
44
64
  margin-left: 33.3333%
45
- &.is-offset-quarter-mobile
65
+ &.is-offset-one-quarter-mobile
46
66
  margin-left: 25%
47
67
  @for $i from 1 through 12
48
68
  &.is-#{$i}-mobile
@@ -55,26 +75,40 @@
55
75
  &.is-full-tablet
56
76
  flex: none
57
77
  width: 100%
78
+ &.is-three-quarters,
79
+ &.is-three-quarters-tablet
80
+ flex: none
81
+ width: 75%
82
+ &.is-two-thirds,
83
+ &.is-two-thirds-tablet
84
+ flex: none
85
+ width: 66.6666%
58
86
  &.is-half,
59
87
  &.is-half-tablet
60
88
  flex: none
61
89
  width: 50%
62
- &.is-third,
63
- &.is-third-tablet
90
+ &.is-one-third,
91
+ &.is-one-third-tablet
64
92
  flex: none
65
93
  width: 33.3333%
66
- &.is-quarter,
67
- &.is-quarter-tablet
94
+ &.is-one-quarter,
95
+ &.is-one-quarter-tablet
68
96
  flex: none
69
97
  width: 25%
98
+ &.is-offset-three-quarters,
99
+ &.is-offset-three-quarters-tablet
100
+ margin-left: 75%
101
+ &.is-offset-two-thirds,
102
+ &.is-offset-two-thirds-tablet
103
+ margin-left: 66.6666%
70
104
  &.is-offset-half,
71
105
  &.is-offset-half-tablet
72
106
  margin-left: 50%
73
- &.is-offset-third,
74
- &.is-offset-third-tablet
107
+ &.is-offset-one-third,
108
+ &.is-offset-one-third-tablet
75
109
  margin-left: 33.3333%
76
- &.is-offset-quarter,
77
- &.is-offset-quarter-tablet
110
+ &.is-offset-one-quarter,
111
+ &.is-offset-one-quarter-tablet
78
112
  margin-left: 25%
79
113
  @for $i from 1 through 12
80
114
  &.is-#{$i},
@@ -88,20 +122,30 @@
88
122
  &.is-full-desktop
89
123
  flex: none
90
124
  width: 100%
125
+ &.is-three-quarters-desktop
126
+ flex: none
127
+ width: 75%
128
+ &.is-two-thirds-desktop
129
+ flex: none
130
+ width: 66.6666%
91
131
  &.is-half-desktop
92
132
  flex: none
93
133
  width: 50%
94
- &.is-third-desktop
134
+ &.is-one-third-desktop
95
135
  flex: none
96
136
  width: 33.3333%
97
- &.is-quarter-desktop
137
+ &.is-one-quarter-desktop
98
138
  flex: none
99
139
  width: 25%
140
+ &.is-offset-three-quarters-desktop
141
+ margin-left: 75%
142
+ &.is-offset-two-thirds-desktop
143
+ margin-left: 66.6666%
100
144
  &.is-offset-half-desktop
101
145
  margin-left: 50%
102
- &.is-offset-third-desktop
146
+ &.is-offset-one-third-desktop
103
147
  margin-left: 33.3333%
104
- &.is-offset-quarter-desktop
148
+ &.is-offset-one-quarter-desktop
105
149
  margin-left: 25%
106
150
  @for $i from 1 through 12
107
151
  &.is-#{$i}-desktop
@@ -158,15 +202,7 @@
158
202
  &.is-desktop
159
203
  display: flex
160
204
 
161
- .tile-content
162
- align-items: stretch
163
- flex: 1
164
- margin: 0 !important
165
- // Responsiveness
166
- +tablet
167
- display: flex
168
-
169
- .tile
205
+ .tilefiejsoif
170
206
  flex: 1
171
207
  // Modifiers
172
208
  &.is-parent
@@ -179,8 +215,9 @@
179
215
  flex: none
180
216
  width: ($i / 12) * 100%
181
217
 
182
- .tiles
218
+ .tile
183
219
  align-items: stretch
220
+ flex: 1
184
221
  // Modifiers
185
222
  &.is-ancestor
186
223
  margin-left: -10px
@@ -190,10 +227,19 @@
190
227
  margin-bottom: -10px
191
228
  &:not(:last-child)
192
229
  margin-bottom: 10px
230
+ &.is-child
231
+ margin: 0 !important
232
+ &.is-parent
233
+ padding: 10px
193
234
  &.is-vertical
194
235
  flex-direction: column
195
- & > .tile-content:not(:last-child)
236
+ & > .tile.is-child:not(:last-child)
196
237
  margin-bottom: 20px !important
197
238
  // Responsiveness
198
239
  +tablet
199
- display: flex
240
+ &:not(.is-child)
241
+ display: flex
242
+ @for $i from 1 through 12
243
+ &.is-#{$i}
244
+ flex: none
245
+ width: ($i / 12) * 100%
data/app/assets/stylesheets/bulma/elements/controls.sass CHANGED
@@ -207,25 +207,58 @@
207
207
  justify-content: flex-end
208
208
  &.has-icon
209
209
  & > .fa
210
- +fa(14px, 16px)
210
+ +fa(14px, 24px)
211
211
  color: $text-light
212
212
  pointer-events: none
213
213
  position: absolute
214
- top: 8px
214
+ top: 4px
215
215
  z-index: 4
216
216
  .input
217
217
  &:focus + .fa
218
218
  color: $text-strong
219
+ &.is-small + .fa
220
+ font-size: 10.5px
221
+ top: 0
222
+ &.is-medium + .fa
223
+ font-size: 21px
224
+ top: 8px
225
+ &.is-large + .fa
226
+ font-size: 21px
227
+ top: 12px
219
228
  &:not(.has-icon-right)
220
229
  & > .fa
221
- left: 8px
230
+ left: 4px
222
231
  .input
223
232
  padding-left: 32px
233
+ &.is-small
234
+ padding-left: 24px
235
+ & + .fa
236
+ left: 0
237
+ &.is-medium
238
+ padding-left: 40px
239
+ & + .fa
240
+ left: 8px
241
+ &.is-large
242
+ padding-left: 48px
243
+ & + .fa
244
+ left: 12px
224
245
  &.has-icon-right
225
246
  & > .fa
226
- right: 8px
247
+ right: 4px
227
248
  .input
228
249
  padding-right: 32px
250
+ &.is-small
251
+ padding-right: 24px
252
+ & + .fa
253
+ right: 0
254
+ &.is-medium
255
+ padding-right: 40px
256
+ & + .fa
257
+ right: 8px
258
+ &.is-large
259
+ padding-right: 48px
260
+ & + .fa
261
+ right: 12px
229
262
  &.is-grouped
230
263
  display: flex
231
264
  justify-content: flex-start
data/app/assets/stylesheets/bulma/elements/elements.sass CHANGED
@@ -38,7 +38,7 @@
38
38
  &:after
39
39
  transform: rotate(-45deg)
40
40
  &:hover
41
- background: $red
41
+ background: rgba(black, 0.5)
42
42
  // Sizes
43
43
  &.is-small
44
44
  height: 16px
data/app/assets/stylesheets/bulma/elements/notifications.sass CHANGED
@@ -6,12 +6,10 @@
6
6
  padding: 16px 20px
7
7
  position: relative
8
8
  .delete
9
- background: rgba(black, 0.2)
10
9
  border-radius: 0 $radius
11
10
  float: right
12
11
  margin: -16px -20px 0 20px
13
- &:hover
14
- background: rgba(black, 0.5)
12
+ .subtitle,
15
13
  .title
16
14
  color: inherit
17
15
  // Colors
data/app/assets/stylesheets/bulma/elements/titles.sass CHANGED
@@ -2,6 +2,7 @@
2
2
  .subtitle
3
3
  @extend .block
4
4
  font-weight: $weight-title-normal
5
+ word-break: break-all
5
6
  em,
6
7
  span
7
8
  font-weight: $weight-title-normal
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.18'
5
+ gem.version = '0.0.20'
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.18
4
+ version: 0.0.20
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-04-11 00:00:00.000000000 Z
11
+ date: 2016-04-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass