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