gridle 1.3.36 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/lib/gridle.rb +2 -2
  3. data/stylesheets/_gridle-flex.scss +4 -0
  4. data/stylesheets/gridle/_api.scss +508 -0
  5. data/stylesheets/gridle/_driver-default.scss +445 -0
  6. data/stylesheets/gridle/_driver-flex.scss +418 -0
  7. data/stylesheets/gridle/_flexbox.scss +422 -0
  8. data/stylesheets/gridle/_functions.scss +575 -175
  9. data/stylesheets/gridle/_generate-mixins.scss +320 -381
  10. data/stylesheets/gridle/_gridle-flex.scss +60 -0
  11. data/stylesheets/gridle/_gridle.scss +6 -88
  12. data/stylesheets/gridle/_init.scss +131 -0
  13. data/stylesheets/gridle/_mixins.scss +289 -728
  14. data/stylesheets/gridle/_settings-mixins.scss +310 -45
  15. data/stylesheets/gridle/_settings.scss +128 -61
  16. metadata +9 -4
  17. data/stylesheets/gridle/_common-mixins.scss +0 -124
  18. data/stylesheets/gridle/_silent-classes.scss +0 -104
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: gridle
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.36
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Olivier Bossel
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-01-29 00:00:00.000000000 Z
11
+ date: 2015-10-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -33,16 +33,21 @@ extensions: []
33
33
  extra_rdoc_files: []
34
34
  files:
35
35
  - lib/gridle.rb
36
+ - stylesheets/_gridle-flex.scss
36
37
  - stylesheets/_gridle.scss
37
- - stylesheets/gridle/_common-mixins.scss
38
+ - stylesheets/gridle/_api.scss
38
39
  - stylesheets/gridle/_default-states.scss
40
+ - stylesheets/gridle/_driver-default.scss
41
+ - stylesheets/gridle/_driver-flex.scss
42
+ - stylesheets/gridle/_flexbox.scss
39
43
  - stylesheets/gridle/_functions.scss
40
44
  - stylesheets/gridle/_generate-mixins.scss
45
+ - stylesheets/gridle/_gridle-flex.scss
41
46
  - stylesheets/gridle/_gridle.scss
47
+ - stylesheets/gridle/_init.scss
42
48
  - stylesheets/gridle/_mixins.scss
43
49
  - stylesheets/gridle/_settings-mixins.scss
44
50
  - stylesheets/gridle/_settings.scss
45
- - stylesheets/gridle/_silent-classes.scss
46
51
  homepage: http://gridle.org
47
52
  licenses: []
48
53
  metadata: {}
data/stylesheets/gridle/_common-mixins.scss DELETED
@@ -1,124 +0,0 @@
1
- // |------------------------------------------------------
2
- // |------------------------------------------------------
3
- // | Common mixins
4
- // |------------------------------------------------------
5
- // |------------------------------------------------------
6
-
7
- @mixin _gridle_container_common(
8
- $state : default
9
- ) {
10
- @extend %gridle-simple-clearfix;
11
- @extend %gridle-container-common;
12
- // debug part
13
- $debug : _gridle_get_var_value(debug, $state);
14
- @if ($debug == true) {
15
- #{$gridle-debug-selector} {
16
- @extend %gridle-container-debug-common;
17
- }
18
- }
19
- }
20
- $_gridle-already-generated : ();
21
- @mixin _gridle_grid_common() {
22
- @extend %gridle-grid-common;
23
-
24
- // default values
25
- $default-gutter-width : _gridle_get_var_value(gutter-width, default);
26
- $default-direction : _gridle_get_var_value(direction, default);
27
-
28
- // loop on each states :
29
- @each $stateName, $state in $_gridle-states
30
- {
31
- // selector key to be used in map
32
- $key : "#{$stateName} #{&}";
33
-
34
- // check if already generated classes
35
- $already-generated : map-has-key($_gridle-already-generated, $key);
36
-
37
- // vars
38
- $direction : _gridle_get_var_value(direction, $state);
39
- $classes : _gridle_get_var_value(classes, $state);
40
- $gutter-width : _gridle_get_var_value(gutter-width, $state);
41
- $debug : _gridle_get_var_value(debug, $state);
42
-
43
- @if $already-generated != true and $classes and ( ($default-direction != $direction or $default-gutter-width != $gutter-width) or $stateName == default)
44
- {
45
- // set that we have already generated css for this selector
46
- $_gridle-already-generated : map-set($_gridle-already-generated, $key, true) !global;
47
-
48
- // generate the css for this element
49
- @include gridle_state($state) {
50
- @if $direction != $default-direction or $stateName == default {
51
- // content : "#{$key}";
52
- @if $direction == rtl {
53
- float:right;
54
- direction:rtl;
55
- } @else {
56
- float:left;
57
- direction:ltr;
58
- }
59
- }
60
- @if $gutter-width != $default-gutter-width or $stateName == default {
61
- padding-left:$gutter-width/2;
62
- padding-right:$gutter-width/2;
63
- }
64
- }
65
-
66
- @if $debug == true {
67
- #{$gridle-debug-selector} {
68
- @extend %gridle-grid-debug-common;
69
- }
70
- }
71
- }
72
- }
73
- }
74
- @mixin _gridle_parent_common() {
75
- @extend %gridle-clearfix;
76
- @extend %gridle-parent-common;
77
- }
78
- @mixin _gridle_push_common(
79
- $state : default
80
- ) {
81
- $debug : _gridle_get_var_value(debug, $state);
82
-
83
- // extend common :
84
- @extend %gridle-push-pull-common;
85
- @if $debug == true {
86
- #{$gridle-debug-selector} {
87
- @extend %gridle-push-pull-debug-background-common;
88
- background-color:#f4efdf !important;
89
- }
90
- }
91
- }
92
- @mixin _gridle_pull_common(
93
- $state : default
94
- ) {
95
- $debug : _gridle_get_var_value(debug, $state);
96
-
97
- @extend %gridle-push-pull-common;
98
- @if $debug == true {
99
- #{$gridle-debug-selector} {
100
- @extend %gridle-push-pull-debug-background-common;
101
- background-color:#cfe4d5 !important;
102
- }
103
- }
104
- }
105
- @mixin _gridle_prefix_common(
106
- $state : default
107
- ) {
108
- $debug : _gridle_get_var_value(debug, $state);
109
- @if $debug == true {
110
- #{$gridle-debug-selector} {
111
- @extend %gridle-prefix-debug-common;
112
- }
113
- }
114
- }
115
- @mixin _gridle_suffix_common(
116
- $state : default
117
- ) {
118
- $debug : _gridle_get_var_value(debug, $state);
119
- @if $debug == true {
120
- #{$gridle-debug-selector} {
121
- @extend %gridle-suffix-debug-common;
122
- }
123
- }
124
- }
data/stylesheets/gridle/_silent-classes.scss DELETED
@@ -1,104 +0,0 @@
1
- // |------------------------------------------------------
2
- // |------------------------------------------------------
3
- // | Silent classes
4
- // |------------------------------------------------------
5
- // |------------------------------------------------------
6
-
7
- %gridle-pie-clearfix {
8
- &:after {
9
- content: ".";
10
- display: block;
11
- clear: both;
12
- visibility: hidden;
13
- line-height: 0;
14
- height: 0;
15
- }
16
-
17
- & {
18
- display: inline-block;
19
- }
20
-
21
- html[xmlns] & {
22
- display: block;
23
- }
24
-
25
- * html & {
26
- height: 1%;
27
- }
28
- }
29
- %gridle-simple-clearfix {
30
- &:after {
31
- content: "";
32
- display: table;
33
- clear: both;
34
- }
35
- }
36
- %gridle-clearfix {
37
- // For modern browser
38
- &:before,
39
- &:after {
40
- content:"";
41
- display:table;
42
- }
43
- &:after {
44
- clear:both;
45
- }
46
- // For IE 6/7 (trigger hasLayout
47
- & {
48
- zoom:1;
49
- }
50
- }
51
- %gridle-push-pull-debug-background-common {
52
- background-size:50px 90%;
53
- background-position:0 50%;
54
- background-repeat:repeat-x;
55
- }
56
- %gridle-push-pull-common {
57
- position:relative;
58
- }
59
- %gridle-container-common {
60
- -webkit-box-sizing: border-box;
61
- -moz-box-sizing: border-box;
62
- box-sizing: border-box;
63
- }
64
- %gridle-parent-common {
65
- -webkit-box-sizing: border-box;
66
- -moz-box-sizing: border-box;
67
- box-sizing: border-box;
68
- }
69
- %gridle-container-debug-common {
70
- background-color:#f5f5f5;
71
- }
72
- %gridle-grid-debug-common {
73
- &:before,
74
- &:after {
75
- content:"";
76
- display:block;
77
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRkEzNzVFNTg1NjgxMUUyOUI4RjhEMzg4QzM4QjZFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRkEzNzVFNjg1NjgxMUUyOUI4RjhEMzg4QzM4QjZFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGQTM3NUUzODU2ODExRTI5QjhGOEQzODhDMzhCNkU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGQTM3NUU0ODU2ODExRTI5QjhGOEQzODhDMzhCNkU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++5+BhQAAAA9JREFUeNpiYGBgkAIIMAAAHwAbZIBtGgAAAABJRU5ErkJggg==);
78
- margin:10px 0;
79
- padding:5px 0;
80
- text-align:center;
81
- color:white;
82
- font-size:11px;
83
- -webkit-box-sizing: border-box;
84
- -moz-box-sizing: border-box;
85
- box-sizing: border-box;
86
- display:block !important;
87
- }
88
- background-color:#daeff5;
89
- }
90
- %gridle-grid-common {
91
- display:inline-block;
92
- min-height:1px;
93
-
94
- -webkit-box-sizing: border-box;
95
- -moz-box-sizing: border-box;
96
- box-sizing: border-box;
97
-
98
- }
99
- %gridle-prefix-debug-common {
100
- background-color:#dae7e9 !important;
101
- }
102
- %gridle-suffix-debug-common {
103
- background-color:#dae7e9 !important;
104
- }