droidcss 2.0.4 → 2.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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';
@@ -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
- letter-spacing: normal;
14
- display: inline-block;
15
- vertical-align: top;
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
- @include box-sizing(border-box);
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
- letter-spacing: -5px;
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
- letter-spacing: -5px;
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
- display: inline-block;
26
- letter-spacing: normal;
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: left;
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: left;
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: left;
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
- .fleft { float: left; }
4
- .fright { float: right; }
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
- // Navbar collapse
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.0.4
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-04-12 00:00:00.000000000 Z
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: 3.2.0
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: 3.2.0
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,3 +0,0 @@
1
- @mixin box-sizing ($box) {
2
- @include prefixer(box-sizing, $box, webkit moz spec);
3
- }
@@ -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
- }