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.
@@ -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
- }