gridle 1.3.36 → 2.0.0

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