droidcss 2.0.4 → 2.1
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/CHANGELOG.md +3 -0
- data/README.md +1 -37
- data/droidcss.gemspec +2 -1
- data/lib/droidcss/version.rb +1 -1
- data/vendor/assets/stylesheets/droidcss.css +137 -132
- data/vendor/assets/stylesheets/droidcss/mixins.scss +0 -5
- data/vendor/assets/stylesheets/droidcss/mixins/css/grid-framework.css +0 -0
- data/vendor/assets/stylesheets/droidcss/mixins/css/grid.css +0 -0
- data/vendor/assets/stylesheets/droidcss/mixins/grid-framework.scss +10 -4
- data/vendor/assets/stylesheets/droidcss/mixins/grid.scss +38 -11
- data/vendor/assets/stylesheets/droidcss/partials/defaults.scss +4 -2
- data/vendor/assets/stylesheets/droidcss/partials/setup.scss +2 -1
- metadata +22 -11
- data/vendor/assets/stylesheets/droidcss/mixins/box-sizing.scss +0 -3
- data/vendor/assets/stylesheets/droidcss/mixins/gradients.scss +0 -38
- data/vendor/assets/stylesheets/droidcss/mixins/prefixer.scss +0 -39
- data/vendor/assets/stylesheets/droidcss/mixins/transforms.scss +0 -11
- data/vendor/assets/stylesheets/droidcss/mixins/transitions.scss +0 -29
@@ -1,9 +1,4 @@
|
|
1
|
-
@import 'droidcss/mixins/prefixer';
|
2
|
-
@import 'droidcss/mixins/gradients';
|
3
|
-
@import 'droidcss/mixins/transitions';
|
4
|
-
@import 'droidcss/mixins/box-sizing';
|
5
1
|
@import 'droidcss/mixins/font-face';
|
6
|
-
@import 'droidcss/mixins/transforms';
|
7
2
|
@import 'droidcss/mixins/clearfix';
|
8
3
|
@import 'droidcss/mixins/sizing';
|
9
4
|
@import 'droidcss/mixins/triangle';
|
File without changes
|
File without changes
|
@@ -10,13 +10,19 @@
|
|
10
10
|
min-height: 1px;
|
11
11
|
// Make the element 100% width on small screens by default
|
12
12
|
width: 100%;
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
min-height: 1px;
|
14
|
+
@if $grid-float == false {
|
15
|
+
letter-spacing: normal;
|
16
|
+
display: inline-block;
|
17
|
+
vertical-align: top;
|
18
|
+
}
|
19
|
+
@else {
|
20
|
+
float: left;
|
21
|
+
}
|
16
22
|
// Inner gutter via padding
|
17
23
|
padding-left: ($grid-gutter-width / 2);
|
18
24
|
padding-right: ($grid-gutter-width / 2);
|
19
|
-
|
25
|
+
box-sizing: border-box;
|
20
26
|
}
|
21
27
|
}
|
22
28
|
|
@@ -8,7 +8,9 @@
|
|
8
8
|
margin-left: auto;
|
9
9
|
padding-left: ($gutter / 2);
|
10
10
|
padding-right: ($gutter / 2);
|
11
|
-
|
11
|
+
@if $grid-float == false {
|
12
|
+
letter-spacing: -5px;
|
13
|
+
}
|
12
14
|
@include clearfix;
|
13
15
|
}
|
14
16
|
|
@@ -16,14 +18,22 @@
|
|
16
18
|
@mixin make-row($gutter: $grid-gutter-width) {
|
17
19
|
margin-left: ($gutter / -2);
|
18
20
|
margin-right: ($gutter / -2);
|
19
|
-
|
21
|
+
@if $grid-float == false {
|
22
|
+
letter-spacing: -5px;
|
23
|
+
}
|
20
24
|
@include clearfix;
|
21
25
|
}
|
22
26
|
|
23
27
|
// Generate the extra small columns
|
24
28
|
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
|
25
|
-
|
26
|
-
|
29
|
+
@if $grid-float == false {
|
30
|
+
display: inline-block;
|
31
|
+
vertical-align: top;
|
32
|
+
letter-spacing: normal;
|
33
|
+
}
|
34
|
+
@else {
|
35
|
+
float: left;
|
36
|
+
}
|
27
37
|
width: percentage(($columns / $grid-columns));
|
28
38
|
min-height: 1px;
|
29
39
|
padding-left: ($gutter / 2);
|
@@ -41,13 +51,19 @@
|
|
41
51
|
|
42
52
|
// Generate the small columns
|
43
53
|
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
|
44
|
-
min-height: 1px;
|
45
54
|
letter-spacing: normal;
|
55
|
+
min-height: 1px;
|
46
56
|
padding-left: ($gutter / 2);
|
47
57
|
padding-right: ($gutter / 2);
|
48
58
|
|
49
59
|
@media (min-width: $screen-sm-min) {
|
50
|
-
float
|
60
|
+
@if $grid-float == false {
|
61
|
+
display: inline-block;
|
62
|
+
vertical-align: top;
|
63
|
+
}
|
64
|
+
@else {
|
65
|
+
float: left;
|
66
|
+
}
|
51
67
|
width: percentage(($columns / $grid-columns));
|
52
68
|
}
|
53
69
|
}
|
@@ -69,13 +85,19 @@
|
|
69
85
|
|
70
86
|
// Generate the medium columns
|
71
87
|
@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
|
72
|
-
min-height: 1px;
|
73
88
|
letter-spacing: normal;
|
89
|
+
min-height: 1px;
|
74
90
|
padding-left: ($gutter / 2);
|
75
91
|
padding-right: ($gutter / 2);
|
76
92
|
|
77
93
|
@media (min-width: $screen-md-min) {
|
78
|
-
float
|
94
|
+
@if $grid-float == false {
|
95
|
+
display: inline-block;
|
96
|
+
vertical-align: top;
|
97
|
+
}
|
98
|
+
@else {
|
99
|
+
float: left;
|
100
|
+
}
|
79
101
|
width: percentage(($columns / $grid-columns));
|
80
102
|
}
|
81
103
|
}
|
@@ -103,7 +125,13 @@
|
|
103
125
|
padding-right: ($gutter / 2);
|
104
126
|
|
105
127
|
@media (min-width: $screen-lg-min) {
|
106
|
-
float
|
128
|
+
@if $grid-float == false {
|
129
|
+
display: inline-block;
|
130
|
+
vertical-align: top;
|
131
|
+
}
|
132
|
+
@else {
|
133
|
+
float: left;
|
134
|
+
}
|
107
135
|
width: percentage(($columns / $grid-columns));
|
108
136
|
}
|
109
137
|
}
|
@@ -121,5 +149,4 @@
|
|
121
149
|
@media (min-width: $screen-lg-min) {
|
122
150
|
right: percentage(($columns / $grid-columns));
|
123
151
|
}
|
124
|
-
}
|
125
|
-
|
152
|
+
}
|
@@ -1,11 +1,13 @@
|
|
1
1
|
.hide, .hidden { display: none; }
|
2
2
|
|
3
|
-
.
|
4
|
-
.
|
3
|
+
.pull-left { float: left; }
|
4
|
+
.pull-right { float: right; }
|
5
5
|
.text-left { text-align: left; }
|
6
6
|
.text-center { text-align: center; }
|
7
7
|
.text-right { text-align: right; }
|
8
8
|
|
9
|
+
.list-unstyled { margin: 0; padding: 0; list-style: none; }
|
10
|
+
|
9
11
|
.clear { clear: both; width: 100%; height: 1px; overflow: hidden; }
|
10
12
|
.clearfix:after, .clearfix:before { content: " "; display: table; }
|
11
13
|
.clearfix:after { clear: both; }
|
@@ -36,7 +36,8 @@ $screen-md-max: ($screen-lg-min - 1) !default;
|
|
36
36
|
$grid-columns: 12 !default;
|
37
37
|
//** Padding between columns. Gets divided in half for the left and right.
|
38
38
|
$grid-gutter-width: 30px !default;
|
39
|
-
|
39
|
+
$grid-float: false !default;
|
40
|
+
|
40
41
|
//** Point at which the navbar becomes uncollapsed.
|
41
42
|
$grid-float-breakpoint: $screen-sm-min !default;
|
42
43
|
//** Point at which the navbar begins collapsing.
|
metadata
CHANGED
@@ -1,29 +1,43 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: droidcss
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: '2.1'
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ilya Gorenburg
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-08-27 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- - "
|
17
|
+
- - "~>"
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version:
|
19
|
+
version: '0'
|
20
20
|
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- - "
|
24
|
+
- - "~>"
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version:
|
26
|
+
version: '0'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: autoprefixer-rails
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
27
41
|
description: Small responsive framework
|
28
42
|
email:
|
29
43
|
- ilya@droidlabs.pro
|
@@ -44,18 +58,15 @@ files:
|
|
44
58
|
- vendor/assets/stylesheets/droidcss.scss
|
45
59
|
- vendor/assets/stylesheets/droidcss/base.scss
|
46
60
|
- vendor/assets/stylesheets/droidcss/mixins.scss
|
47
|
-
- vendor/assets/stylesheets/droidcss/mixins/box-sizing.scss
|
48
61
|
- vendor/assets/stylesheets/droidcss/mixins/clearfix.scss
|
62
|
+
- vendor/assets/stylesheets/droidcss/mixins/css/grid-framework.css
|
63
|
+
- vendor/assets/stylesheets/droidcss/mixins/css/grid.css
|
49
64
|
- vendor/assets/stylesheets/droidcss/mixins/font-face.scss
|
50
|
-
- vendor/assets/stylesheets/droidcss/mixins/gradients.scss
|
51
65
|
- vendor/assets/stylesheets/droidcss/mixins/grid-framework.scss
|
52
66
|
- vendor/assets/stylesheets/droidcss/mixins/grid-utilities.scss
|
53
67
|
- vendor/assets/stylesheets/droidcss/mixins/grid.scss
|
54
68
|
- vendor/assets/stylesheets/droidcss/mixins/placeholder.scss
|
55
|
-
- vendor/assets/stylesheets/droidcss/mixins/prefixer.scss
|
56
69
|
- vendor/assets/stylesheets/droidcss/mixins/sizing.scss
|
57
|
-
- vendor/assets/stylesheets/droidcss/mixins/transforms.scss
|
58
|
-
- vendor/assets/stylesheets/droidcss/mixins/transitions.scss
|
59
70
|
- vendor/assets/stylesheets/droidcss/mixins/triangle.scss
|
60
71
|
- vendor/assets/stylesheets/droidcss/partials/defaults.scss
|
61
72
|
- vendor/assets/stylesheets/droidcss/partials/grid.scss
|
@@ -1,38 +0,0 @@
|
|
1
|
-
@mixin linear-gradient($pos, $G1, $G2: null,
|
2
|
-
$G3: null, $G4: null,
|
3
|
-
$G5: null, $G6: null,
|
4
|
-
$G7: null, $G8: null,
|
5
|
-
$G9: null, $G10: null,
|
6
|
-
$fallback: null) {
|
7
|
-
// Detect what type of value exists in $pos
|
8
|
-
$pos-type: type-of(nth($pos, 1));
|
9
|
-
$pos-spec: null;
|
10
|
-
$pos-degree: null;
|
11
|
-
|
12
|
-
// If $pos is missing from mixin, reassign vars and add default position
|
13
|
-
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
14
|
-
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
15
|
-
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
16
|
-
$pos: null;
|
17
|
-
}
|
18
|
-
|
19
|
-
@if $pos {
|
20
|
-
$positions: _linear-positions-parser($pos);
|
21
|
-
$pos-degree: nth($positions, 1);
|
22
|
-
$pos-spec: nth($positions, 2);
|
23
|
-
}
|
24
|
-
|
25
|
-
$full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
|
26
|
-
|
27
|
-
// Set $G1 as the default fallback color
|
28
|
-
$fallback-color: nth($G1, 1);
|
29
|
-
|
30
|
-
// If $fallback is a color use that color as the fallback color
|
31
|
-
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
32
|
-
$fallback-color: $fallback;
|
33
|
-
}
|
34
|
-
|
35
|
-
background-color: $fallback-color;
|
36
|
-
background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
|
37
|
-
background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
|
38
|
-
}
|
@@ -1,39 +0,0 @@
|
|
1
|
-
// Used for transitions
|
2
|
-
$prefix-for-webkit: true !default;
|
3
|
-
$prefix-for-mozilla: true !default;
|
4
|
-
$prefix-for-microsoft: true !default;
|
5
|
-
$prefix-for-opera: true !default;
|
6
|
-
$prefix-for-spec: true !default; // required for keyframe mixin
|
7
|
-
|
8
|
-
@mixin prefixer ($property, $value, $prefixes) {
|
9
|
-
@each $prefix in $prefixes {
|
10
|
-
@if $prefix == webkit {
|
11
|
-
@if $prefix-for-webkit {
|
12
|
-
-webkit-#{$property}: $value;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
@else if $prefix == moz {
|
16
|
-
@if $prefix-for-mozilla {
|
17
|
-
-moz-#{$property}: $value;
|
18
|
-
}
|
19
|
-
}
|
20
|
-
@else if $prefix == ms {
|
21
|
-
@if $prefix-for-microsoft {
|
22
|
-
-ms-#{$property}: $value;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
@else if $prefix == o {
|
26
|
-
@if $prefix-for-opera {
|
27
|
-
-o-#{$property}: $value;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
@else if $prefix == spec {
|
31
|
-
@if $prefix-for-spec {
|
32
|
-
#{$property}: $value;
|
33
|
-
}
|
34
|
-
}
|
35
|
-
@else {
|
36
|
-
@warn "Unrecognized prefix: #{$prefix}";
|
37
|
-
}
|
38
|
-
}
|
39
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
@mixin transform($property: none) {
|
2
|
-
@include prefixer(transform, $property, webkit moz ms o spec);
|
3
|
-
}
|
4
|
-
|
5
|
-
@mixin transform-origin($axes: 50%) {
|
6
|
-
@include prefixer(transform-origin, $axes, webkit moz ms o spec);
|
7
|
-
}
|
8
|
-
|
9
|
-
@mixin transform-style ($style: flat) {
|
10
|
-
@include prefixer(transform-style, $style, webkit moz ms o spec);
|
11
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
@mixin transition ($properties...) {
|
2
|
-
@if length($properties) >= 1 {
|
3
|
-
@include prefixer(transition, $properties, webkit moz spec);
|
4
|
-
}
|
5
|
-
|
6
|
-
@else {
|
7
|
-
$properties: all 0.15s ease-out 0s;
|
8
|
-
@include prefixer(transition, $properties, webkit moz spec);
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
@mixin transition-property ($properties...) {
|
13
|
-
-webkit-transition-property: transition-property-names($properties, 'webkit');
|
14
|
-
-moz-transition-property: transition-property-names($properties, 'moz');
|
15
|
-
transition-property: transition-property-names($properties, false);
|
16
|
-
}
|
17
|
-
|
18
|
-
@mixin transition-duration ($times...) {
|
19
|
-
@include prefixer(transition-duration, $times, webkit moz spec);
|
20
|
-
}
|
21
|
-
|
22
|
-
@mixin transition-timing-function ($motions...) {
|
23
|
-
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
24
|
-
@include prefixer(transition-timing-function, $motions, webkit moz spec);
|
25
|
-
}
|
26
|
-
|
27
|
-
@mixin transition-delay ($times...) {
|
28
|
-
@include prefixer(transition-delay, $times, webkit moz spec);
|
29
|
-
}
|