bulma-rails 0.0.10 → 0.0.11

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