droidcss 1.1.8 → 1.2
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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3f968aa1227f8a62d6fb35a66a95c6c294e95dfd
|
|
4
|
+
data.tar.gz: 3d3b8b7be27ec601e6df02daf033963d8bf2ac07
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b4ebc53124afc86982f862634c2299256532f454e3e6fa6a4fab172366e76a19ee76d81e68976536d03fa22badd1a0228f0422945a789b03aa112a5f85dcc6f0
|
|
7
|
+
data.tar.gz: 9d8f7cf097864e073681e85626dbbd69900b38b04824884b668845a3c521546670827d603a4a9c8dac08b354ed6977e44be47adb878b3bff8a7548804552905a
|
data/CHANGELOG.md
CHANGED
data/lib/droidcss/version.rb
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
@function contentWidth($num) {
|
|
2
|
+
@if (unit($gutterWidth) == "%") {
|
|
3
|
+
@return 100% * ($num/$columnsCount) - 2 * $gutterWidth;
|
|
4
|
+
} @else {
|
|
5
|
+
@return 100% * ($num/$columnsCount);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@function contentWidthOffset($num) {
|
|
10
|
+
@if (unit($gutterWidth) == "%") {
|
|
11
|
+
@return 100% * ($num/$columnsCount) + $gutterWidth;
|
|
12
|
+
} @else {
|
|
13
|
+
@return 100% * ($num/$columnsCount);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
1
17
|
.grid-container {
|
|
2
18
|
max-width: $gridWidth;
|
|
3
19
|
margin-left: auto;
|
|
@@ -17,8 +33,8 @@
|
|
|
17
33
|
}
|
|
18
34
|
|
|
19
35
|
.row {
|
|
20
|
-
|
|
21
|
-
|
|
36
|
+
margin-right: -$gutterWidth;
|
|
37
|
+
margin-left: -$gutterWidth;
|
|
22
38
|
@include clearfix;
|
|
23
39
|
}
|
|
24
40
|
|
|
@@ -46,8 +62,8 @@
|
|
|
46
62
|
|
|
47
63
|
@for $i from 1 through $columnsCount {
|
|
48
64
|
$num: $i;
|
|
49
|
-
$contentWidth:
|
|
50
|
-
$contentWidthOffset:
|
|
65
|
+
$contentWidth: contentWidth($num);
|
|
66
|
+
$contentWidthOffset: contentWidthOffset($num);
|
|
51
67
|
.grid-#{$num} { width: $contentWidth; }
|
|
52
68
|
.prefix-#{$num} { #{$gutterType}-left: $contentWidthOffset; }
|
|
53
69
|
.suffix-#{$num} { #{$gutterType}-right: $contentWidthOffset; }
|
|
@@ -86,8 +102,8 @@
|
|
|
86
102
|
|
|
87
103
|
@for $i from 1 through $columnsCount {
|
|
88
104
|
$num: $i;
|
|
89
|
-
$contentWidth:
|
|
90
|
-
$contentWidthOffset:
|
|
105
|
+
$contentWidth: contentWidth($num);
|
|
106
|
+
$contentWidthOffset: contentWidthOffset($num);
|
|
91
107
|
.grid-tablet-#{$num} { width: $contentWidth; }
|
|
92
108
|
.prefix-tablet-#{$num} { #{$gutterTypeTabletOffset}-left: $contentWidthOffset; }
|
|
93
109
|
.suffix-tablet-#{$num} { #{$gutterTypeTabletOffset}-right: $contentWidthOffset; }
|
|
@@ -115,8 +131,8 @@
|
|
|
115
131
|
|
|
116
132
|
@for $i from 1 through $columnsCount {
|
|
117
133
|
$num: $i;
|
|
118
|
-
$contentWidth:
|
|
119
|
-
$contentWidthOffset:
|
|
134
|
+
$contentWidth: contentWidth($num);
|
|
135
|
+
$contentWidthOffset: contentWidthOffset($num);
|
|
120
136
|
.grid-mobile-#{$num} { width: $contentWidth; }
|
|
121
137
|
.prefix-mobile-#{$num} { #{$gutterTypeMobileOffset}-left: $contentWidthOffset; }
|
|
122
138
|
.suffix-mobile-#{$num} { #{$gutterTypeMobileOffset}-right: $contentWidthOffset; }
|
|
@@ -10,8 +10,23 @@ $columnsCount: 12 !default;
|
|
|
10
10
|
|
|
11
11
|
// Gutters
|
|
12
12
|
$gutterWidth: 1.04166666666% !default;
|
|
13
|
-
|
|
14
|
-
$
|
|
15
|
-
$
|
|
16
|
-
$
|
|
17
|
-
$
|
|
13
|
+
|
|
14
|
+
$gutterType: null !default;
|
|
15
|
+
$gutterTypeTablet: null !default;
|
|
16
|
+
$gutterTypeTabletOffset: null !default;
|
|
17
|
+
$gutterTypeMobile: null !default;
|
|
18
|
+
$gutterTypeMobileOffset: null !default;
|
|
19
|
+
|
|
20
|
+
@if (unit($gutterWidth) == "%") {
|
|
21
|
+
$gutterType: margin !default;
|
|
22
|
+
$gutterTypeTablet: padding !default;
|
|
23
|
+
$gutterTypeTabletOffset: margin !default;
|
|
24
|
+
$gutterTypeMobile: padding !default;
|
|
25
|
+
$gutterTypeMobileOffset: margin !default;
|
|
26
|
+
} @else {
|
|
27
|
+
$gutterType: padding !default;
|
|
28
|
+
$gutterTypeTablet: padding !default;
|
|
29
|
+
$gutterTypeTabletOffset: margin !default;
|
|
30
|
+
$gutterTypeMobile: padding !default;
|
|
31
|
+
$gutterTypeMobileOffset: margin !default;
|
|
32
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: droidcss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: '1.2'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ilya Gorenburg
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-01-
|
|
11
|
+
date: 2014-01-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -78,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
78
78
|
version: '0'
|
|
79
79
|
requirements: []
|
|
80
80
|
rubyforge_project:
|
|
81
|
-
rubygems_version: 2.
|
|
81
|
+
rubygems_version: 2.2.1
|
|
82
82
|
signing_key:
|
|
83
83
|
specification_version: 4
|
|
84
84
|
summary: Small responsive framework
|