stratum 0.3.1 → 0.3.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.
@@ -0,0 +1,80 @@
|
|
1
|
+
// columns
|
2
|
+
// -------
|
3
|
+
|
4
|
+
// Vendor prefixes:
|
5
|
+
// - Firefox: 9+
|
6
|
+
// - Chrome
|
7
|
+
// - Safari
|
8
|
+
|
9
|
+
// No prefixes
|
10
|
+
// - IE 10+
|
11
|
+
// - Opera 11.1+
|
12
|
+
|
13
|
+
// Not supported
|
14
|
+
// - IE < 10
|
15
|
+
|
16
|
+
@mixin columns($value...) {
|
17
|
+
@include vendor-prefix(columns, $value, webkit moz spec);
|
18
|
+
}
|
19
|
+
|
20
|
+
@mixin column-width($value...) {
|
21
|
+
@include vendor-prefix(column-width, $value, webkit moz spec);
|
22
|
+
}
|
23
|
+
|
24
|
+
@mixin column-count($value...) {
|
25
|
+
@include vendor-prefix(column-count, $value, webkit moz spec);
|
26
|
+
}
|
27
|
+
|
28
|
+
@mixin column-fill($value...) {
|
29
|
+
@include vendor-prefix(column-fill, $value, webkit moz spec);
|
30
|
+
}
|
31
|
+
|
32
|
+
@mixin column-gap($value...) {
|
33
|
+
@include vendor-prefix(column-gap, $value, webkit moz spec);
|
34
|
+
}
|
35
|
+
|
36
|
+
@mixin column-rule($value...) {
|
37
|
+
@include vendor-prefix(column-rule, $value, webkit moz spec);
|
38
|
+
}
|
39
|
+
|
40
|
+
@mixin column-rule-width($value...) {
|
41
|
+
@include vendor-prefix(column-rule-width, $value, webkit moz spec);
|
42
|
+
}
|
43
|
+
|
44
|
+
@mixin column-rule-style($value...) {
|
45
|
+
@include vendor-prefix(column-rule-style, $value, webkit moz spec);
|
46
|
+
}
|
47
|
+
|
48
|
+
@mixin column-rule-color($value...) {
|
49
|
+
@include vendor-prefix(column-rule-color, $value, webkit moz spec);
|
50
|
+
}
|
51
|
+
|
52
|
+
// Not supported
|
53
|
+
// - Firefox
|
54
|
+
|
55
|
+
@mixin column-span($value...) {
|
56
|
+
@include vendor-prefix(column-span, $value, webkit moz spec);
|
57
|
+
}
|
58
|
+
|
59
|
+
|
60
|
+
// Vendor prefixes:
|
61
|
+
// - Chrome
|
62
|
+
// - Safari
|
63
|
+
|
64
|
+
// No prefixes
|
65
|
+
// - IE 10+
|
66
|
+
// - Opera 11.1+
|
67
|
+
|
68
|
+
// Not supported
|
69
|
+
// - IE < 10
|
70
|
+
// - Firefox
|
71
|
+
|
72
|
+
@mixin break-before($value...) {
|
73
|
+
@include vendor-prefix(column-break-before, $value, webkit);
|
74
|
+
@include vendor-prefix(break-before, $value, spec);
|
75
|
+
}
|
76
|
+
|
77
|
+
@mixin break-after($value...) {
|
78
|
+
@include vendor-prefix(column-break-after, $value, webkit);
|
79
|
+
@include vendor-prefix(break-after, $value, spec);
|
80
|
+
}
|
@@ -0,0 +1,54 @@
|
|
1
|
+
// flex
|
2
|
+
// ----
|
3
|
+
|
4
|
+
// Vendor prefixes:
|
5
|
+
// - Firefox: 18+
|
6
|
+
// - Chrome 21+
|
7
|
+
// - Safari 5.1+
|
8
|
+
// - iOS Safari 3.2+
|
9
|
+
// - Android 2.1+
|
10
|
+
// - Blackberry 7+
|
11
|
+
// - IE 10+
|
12
|
+
|
13
|
+
// No prefixes
|
14
|
+
// - Firefox 20+
|
15
|
+
// - Opera 12.1+
|
16
|
+
|
17
|
+
@mixin flex-container {
|
18
|
+
display: -webkit-flex;
|
19
|
+
display: -ms-flexbox;
|
20
|
+
display: flex;
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin flex($value...) {
|
24
|
+
@include vendor-prefix(flex, $value, webkit moz ms o spec);
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin flex-basis($value...) {
|
28
|
+
@include vendor-prefix(flex-basis, $value, webkit moz ms o spec);
|
29
|
+
}
|
30
|
+
|
31
|
+
@mixin flex-direction($value...) {
|
32
|
+
@include vendor-prefix(flex-direction, $value, webkit moz ms o spec);
|
33
|
+
}
|
34
|
+
|
35
|
+
@mixin flex-flow($value...) {
|
36
|
+
@include vendor-prefix(flex-flow, $value, webkit moz ms o spec);
|
37
|
+
}
|
38
|
+
|
39
|
+
@mixin flex-grow($value...) {
|
40
|
+
@include vendor-prefix(flex-grow, $value, webkit moz ms o spec);
|
41
|
+
}
|
42
|
+
|
43
|
+
@mixin flex-shrink($value...) {
|
44
|
+
@include vendor-prefix(flex-shrink, $value, webkit moz ms o spec);
|
45
|
+
}
|
46
|
+
|
47
|
+
@mixin flex-wrap($value...) {
|
48
|
+
@include vendor-prefix(flex-wrap, $value, webkit moz ms o spec);
|
49
|
+
}
|
50
|
+
|
51
|
+
@mixin order($value...) {
|
52
|
+
@include vendor-prefix(flex-order, $value, ms);
|
53
|
+
@include vendor-prefix(order, $value, webkit moz o spec);
|
54
|
+
}
|
data/lib/stratum/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: stratum
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.3.
|
4
|
+
version: 0.3.3
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-03-
|
12
|
+
date: 2013-03-09 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: thor
|
16
|
-
requirement: &
|
16
|
+
requirement: &70228562652640 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: '0'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70228562652640
|
25
25
|
description: Stratum is a collection of SASS mixins and utilities for your web development
|
26
26
|
needs.
|
27
27
|
email: tyom@semonov.com
|
@@ -40,6 +40,8 @@ files:
|
|
40
40
|
- assets/stylesheets/css3/_animation.scss
|
41
41
|
- assets/stylesheets/css3/_border-radius.scss
|
42
42
|
- assets/stylesheets/css3/_box-sizing.scss
|
43
|
+
- assets/stylesheets/css3/_columns.scss
|
44
|
+
- assets/stylesheets/css3/_flex.scss
|
43
45
|
- assets/stylesheets/css3/_transform.scss
|
44
46
|
- assets/stylesheets/css3/_transition.scss
|
45
47
|
- assets/stylesheets/css3/_user-select.scss
|