bulma-rails 0.0.10 → 0.0.11

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: 9b5f81e09d462eea061677e17ab411b17703c48b
4
- data.tar.gz: bf6c4a9128885b32a725a76a4ea227163c34193b
3
+ metadata.gz: 7003ac3f59af4578496aa4606b8ae32a74b5a529
4
+ data.tar.gz: 6c7a720678e401365dc698c8e5c12b2bb591ca18
5
5
  SHA512:
6
- metadata.gz: 7bb918f2f4bd74adbe1d013cd060e91c49032cf8dddfcafa579507b118d523f90cb1a9e5a47e8db08df745ee5170d65eeb9c827278bd70f83e6af6a55c5e277c
7
- data.tar.gz: 392fcf2b52d8249f3bd5fb61bc851a3f2623be3a5fda6ac66a1418e2b6c90d07e6468f474c8e075bf6341c28112b1d841802b87f0903589955604f7d5cec7114
6
+ metadata.gz: 1760b96e74ccc7807391b35c5d6cae2f346308ea9c802ab84cd030511d71e185df8b3f0cfeb1b04a8db805e6079f0d2117b437702c1705f29290fa8ca6d0eaad
7
+ data.tar.gz: f20f86f2edbe16e77d099ac8c5c52490d23e10d0f2c680e288aeb93df91c44d17ce544c44edfb9c4dd9687e4947248680aad8e141e053dc510ef87fd68b25ecc
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.4.1"
11
+ gem "bulma-rails", "~> 0.0.11"
12
12
 
13
13
  And then execute:
14
14
 
@@ -1,9 +1,9 @@
1
1
  @charset "utf-8"
2
2
 
3
- @import bulma/utilities/utilities
4
- @import bulma/config/variables
5
- @import bulma/config/generated-variables
6
- @import bulma/base/base
7
- @import bulma/elements/elements
8
- @import bulma/components/components
9
- @import bulma/layout/layout
3
+ @import "bulma/utilities/utilities"
4
+ @import "bulma/config/variables"
5
+ @import "bulma/config/generated-variables"
6
+ @import "bulma/base/base"
7
+ @import "bulma/elements/elements"
8
+ @import "bulma/components/components"
9
+ @import "bulma/layout/layout"
@@ -1,3 +1,5 @@
1
+ // Alignment
2
+
1
3
  .is-centered
2
4
  text-align: center
3
5
 
@@ -7,17 +9,59 @@
7
9
  .is-right
8
10
  text-align: right
9
11
 
12
+ // Display
13
+
10
14
  .is-block
11
15
  display: block
12
16
 
13
- .is-disabled
14
- pointer-events: none
15
-
16
17
  .is-inline
17
18
  display: inline
18
19
 
20
+ .is-flex
21
+ display: flex
22
+
23
+ // Pull
24
+
25
+ .is-clearfix
26
+ +clearfix
27
+
28
+ .is-pulled-left
29
+ float: left
30
+
31
+ .is-pulled-right
32
+ float: right
33
+
34
+ // Size
35
+
36
+ .is-fullwidth
37
+ width: 100%
38
+
39
+ // Visibility
40
+
41
+ .is-hidden-mobile
42
+ +mobile
43
+ display: none !important
44
+
45
+ .is-hidden-tablet
46
+ +tablet
47
+ display: none !important
48
+
49
+ .is-hidden-touch
50
+ +touch
51
+ display: none !important
52
+
53
+ .is-hidden-desktop
54
+ +desktop
55
+ display: none !important
56
+
57
+ // Other
58
+
59
+ .is-disabled
60
+ pointer-events: none
61
+
19
62
  .is-marginless
20
63
  margin: 0 !important
21
64
 
22
65
  .is-unselectable
23
66
  +unselectable
67
+
@@ -1,39 +1,87 @@
1
1
  .column
2
+ flex: 1
3
+ padding: 10px
4
+ .columns.is-mobile > &.is-half
5
+ flex: none
6
+ width: 50%
7
+ .columns.is-mobile > &.is-third
8
+ flex: none
9
+ width: 33.3333%
10
+ .columns.is-mobile > &.is-quarter
11
+ flex: none
12
+ width: 25%
13
+ @for $i from 1 through 11
14
+ .columns.is-mobile > &.is-#{$i}-mobile
15
+ flex: none
16
+ width: ($i / 12) * 100%
2
17
  +mobile
3
- & + .column
4
- margin-top: $column-gap
18
+ &.is-half-mobile
19
+ flex: none
20
+ width: 50%
21
+ &.is-third-mobile
22
+ flex: none
23
+ width: 33.3333%
24
+ &.is-quarter-mobile
25
+ flex: none
26
+ width: 25%
27
+ @for $i from 1 through 11
28
+ &.is-#{$i}-mobile
29
+ flex: none
30
+ width: ($i / 12) * 100%
5
31
  +tablet
6
- flex: 1
7
- & + .column
8
- margin-left: $column-gap
9
- &.is-double
10
- flex: 2
11
- &.is-triple
12
- flex: 3
13
- &.is-quadruple
14
- flex: 4
15
- &.is-half
32
+ &.is-half,
33
+ &.is-half-tablet
16
34
  flex: none
17
35
  width: 50%
18
- &.is-third
36
+ &.is-third,
37
+ &.is-third-tablet
19
38
  flex: none
20
39
  width: 33.3333%
21
- &.is-quarter
40
+ &.is-quarter,
41
+ &.is-quarter-tablet
22
42
  flex: none
23
43
  width: 25%
24
44
  @for $i from 1 through 11
25
- &.is-#{$i}
45
+ &.is-#{$i},
46
+ &.is-#{$i}-tablet
47
+ flex: none
48
+ width: ($i / 12) * 100%
49
+ +desktop
50
+ &.is-half-desktop
51
+ flex: none
52
+ width: 50%
53
+ &.is-third-desktop
54
+ flex: none
55
+ width: 33.3333%
56
+ &.is-quarter-desktop
57
+ flex: none
58
+ width: 25%
59
+ @for $i from 1 through 11
60
+ &.is-#{$i}-desktop
26
61
  flex: none
27
62
  width: ($i / 12) * 100%
28
63
 
29
64
  .columns
30
- &:not(:last-child)
31
- margin-bottom: $column-gap
32
- +tablet
65
+ margin-bottom: 10px
66
+ margin-left: -10px
67
+ margin-right: -10px
68
+ margin-top: -10px
69
+ &.is-mobile
33
70
  display: flex
71
+ +tablet
72
+ &:not(.is-desktop)
73
+ display: flex
74
+ +desktop
75
+ &.is-desktop
76
+ display: flex
34
77
  &.is-gapless
35
- & > .column + .column
78
+ &:not(:last-child)
79
+ margin: 0 0 20px
80
+ & > .column
36
81
  margin: 0
82
+ padding: 0
83
+ &.is-multiline
84
+ flex-wrap: wrap
37
85
  &.is-vcentered
38
86
  align-items: center
39
87
  &.is-grid
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |gem|
4
4
  gem.name = 'bulma-rails'
5
- gem.version = '0.0.10'
5
+ gem.version = '0.0.11'
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.10
4
+ version: 0.0.11
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-02-02 00:00:00.000000000 Z
11
+ date: 2016-02-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass