flexbox_sass_rails 0.2.2 → 0.2.3
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 +4 -4
- data/README.md +5 -1
- data/app/assets/stylesheets/flexbox_sass_rails.scss +5 -0
- data/lib/flexbox_sass_rails/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 64da608b1f764c4fa6f8d35db55688e073eeb665
|
|
4
|
+
data.tar.gz: 7e68060bbac0a32ce7ad00d3bc8a0edec9be048f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 385597dbe32b36dc6f0b86d7c1d847410ab24c101bc164772193d69c88aee2fb9447666b2553f45908f83eb6b5f935825f5c2f1915f8ae59cc8e8a5f58fa8602
|
|
7
|
+
data.tar.gz: bee2c52efa2d11a61159cb3a64a8863305d946daa4c893370892bf85b4440b31863359e0cb378bafe80ed22e655dd122ef9110271e7c85fe47af70b3a9192cf2
|
data/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
This ruby gem gives you a set of classes you can use to create a responsive flexbox grid in your rails application. It is very similar to [angular material](https://material.angularjs.org) flexbox classes. It's written in sass, you can specify breakpoints for different media query ranges.
|
|
4
4
|
|
|
5
|
+
To see what it can do, please visit the [examples website](http://pavelc.cz/flexbox_sass_rails).
|
|
6
|
+
|
|
5
7
|
Note that this project is still a work in progress. The released version contains only features that should work perfectly. There is just a basic set of flexbox classes, but more will be added soon.
|
|
6
8
|
|
|
7
9
|
## Installation
|
|
@@ -90,7 +92,9 @@ Class names consist of:
|
|
|
90
92
|
|
|
91
93
|
### Set of style classes:
|
|
92
94
|
|
|
93
|
-
|
|
95
|
+
For illustrated examples, please visit the [examples website](http://pavelc.cz/flexbox_sass_rails). It's still not complete, but as well as new features I'm adding new examples almost every day.
|
|
96
|
+
|
|
97
|
+
This is a simple list of currently available style classes:
|
|
94
98
|
|
|
95
99
|
```
|
|
96
100
|
fb-layout-fill
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
@mixin fb-layout-row-column {
|
|
14
14
|
display: flex;
|
|
15
|
+
box-sizing: border-box;
|
|
15
16
|
}
|
|
16
17
|
@mixin fb-layout-row {
|
|
17
18
|
flex-direction: row;
|
|
@@ -34,6 +35,7 @@
|
|
|
34
35
|
width: 100%;
|
|
35
36
|
min-height: 100%;
|
|
36
37
|
height: 100%;
|
|
38
|
+
box-sizing: border-box;
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
@mixin fb-layout-wrap {
|
|
@@ -46,9 +48,11 @@
|
|
|
46
48
|
flex: 1;
|
|
47
49
|
max-height: none;
|
|
48
50
|
max-width: none;
|
|
51
|
+
box-sizing: border-box;
|
|
49
52
|
}
|
|
50
53
|
@mixin fb-layout-row-flex-common {
|
|
51
54
|
max-height: 100%;
|
|
55
|
+
box-sizing: border-box;
|
|
52
56
|
}
|
|
53
57
|
@mixin fb-flex-amount($amount) {
|
|
54
58
|
@if $amount == 33 {
|
|
@@ -68,6 +72,7 @@
|
|
|
68
72
|
}
|
|
69
73
|
@mixin fb-layout-column-flex-common {
|
|
70
74
|
max-width: 100%;
|
|
75
|
+
box-sizing: border-box;
|
|
71
76
|
}
|
|
72
77
|
@mixin fb-layout-column-flex-amount($amount) {
|
|
73
78
|
@if $amount == 33 {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flexbox_sass_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Pavel Cerny
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-03-
|
|
11
|
+
date: 2017-03-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|