bulma-rails 0.0.18 → 0.0.20

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