ezy 0.0.4 → 0.0.5

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 (75) hide show
  1. checksums.yaml +4 -4
  2. data/VERSION +1 -1
  3. data/ezy.gemspec +2 -2
  4. data/sass/_ezy.scss +5 -4
  5. data/sass/ezy/_grid.scss +6 -0
  6. data/sass/ezy/_sprites.scss +289 -0
  7. data/test/config.rb +30 -0
  8. data/test/css/media.css +0 -5
  9. data/test/css/sprites/layout.css +23 -0
  10. data/test/css/sprites/position.css +24 -0
  11. data/test/css/sprites/repeat.css +51 -0
  12. data/test/css/sprites/retina.css +43 -0
  13. data/test/css/sprites/simple.css +17 -0
  14. data/test/css/sprites/size.css +65 -0
  15. data/test/css/sprites/spacing.css +23 -0
  16. data/test/html/sprites/repeat.html +19 -0
  17. data/test/html/sprites/retina.html +19 -0
  18. data/test/html/sprites/simple.html +18 -0
  19. data/test/img/test-layout.png +0 -0
  20. data/test/img/test-layout/alien.png +0 -0
  21. data/test/img/test-layout/goat.png +0 -0
  22. data/test/img/test-layout/indy.png +0 -0
  23. data/test/img/test-layout@2x.png +0 -0
  24. data/test/img/test-layout@2x/alien.png +0 -0
  25. data/test/img/test-layout@2x/goat.png +0 -0
  26. data/test/img/test-layout@2x/indy.png +0 -0
  27. data/test/img/test-position.png +0 -0
  28. data/test/img/test-position/goat.png +0 -0
  29. data/test/img/test-position/icon-1.png +0 -0
  30. data/test/img/test-position/icon-coffee.png +0 -0
  31. data/test/img/test-position@2x.png +0 -0
  32. data/test/img/test-position@2x/goat.png +0 -0
  33. data/test/img/test-position@2x/icon-1.png +0 -0
  34. data/test/img/test-position@2x/icon-coffee.png +0 -0
  35. data/test/img/test-repeat.png +0 -0
  36. data/test/img/test-repeat/meassure-1.png +0 -0
  37. data/test/img/test-repeat/meassure-2.png +0 -0
  38. data/test/img/test-repeat/meassure-3.png +0 -0
  39. data/test/img/test-repeat@2x.png +0 -0
  40. data/test/img/test-repeat@2x/meassure-1.png +0 -0
  41. data/test/img/test-repeat@2x/meassure-2.png +0 -0
  42. data/test/img/test-repeat@2x/meassure-3.png +0 -0
  43. data/test/img/test-retina.png +0 -0
  44. data/test/img/test-retina/alien.png +0 -0
  45. data/test/img/test-retina/classic.png +0 -0
  46. data/test/img/test-retina/indy.png +0 -0
  47. data/test/img/test-retina@2x.png +0 -0
  48. data/test/img/test-retina@2x/classic.png +0 -0
  49. data/test/img/test-retina@2x/indy.png +0 -0
  50. data/test/img/test-simple.png +0 -0
  51. data/test/img/test-simple/alien.png +0 -0
  52. data/test/img/test-simple/classic.png +0 -0
  53. data/test/img/test-simple/indy.png +0 -0
  54. data/test/img/test-spacing.png +0 -0
  55. data/test/img/test-spacing/alien.png +0 -0
  56. data/test/img/test-spacing/classic.png +0 -0
  57. data/test/img/test-spacing/indy.png +0 -0
  58. data/test/img/test-spacing@2x.png +0 -0
  59. data/test/img/test-spacing@2x/alien.png +0 -0
  60. data/test/img/test-spacing@2x/classic.png +0 -0
  61. data/test/img/test-spacing@2x/indy.png +0 -0
  62. data/test/scss/grid/elastic.scss +2 -1
  63. data/test/scss/grid/fluid.scss +1 -1
  64. data/test/scss/grid/gutter.scss +1 -1
  65. data/test/scss/grid/responsive.scss +2 -1
  66. data/test/scss/grid/static.scss +1 -1
  67. data/test/scss/media.scss +1 -1
  68. data/test/scss/sprites/layout.scss +23 -0
  69. data/test/scss/sprites/position.scss +23 -0
  70. data/test/scss/sprites/repeat.scss +34 -0
  71. data/test/scss/sprites/retina.scss +44 -0
  72. data/test/scss/sprites/simple.scss +30 -0
  73. data/test/scss/sprites/size.scss +85 -0
  74. data/test/scss/sprites/spacing.scss +22 -0
  75. metadata +63 -2
@@ -0,0 +1,44 @@
1
+ // ---------------------------------------------------------------------------
2
+ // Imports
3
+
4
+ @import "../../../sass/ezy/sprites";
5
+
6
+ // ---------------------------------------------------------------------------
7
+ // Create sprite
8
+
9
+ @include make-sprite(
10
+ $name: "base",
11
+ $folder: "test-retina",
12
+ $folder-retina: "test-retina@2x"
13
+ );
14
+
15
+ // ---------------------------------------------------------------------------
16
+ // Use sprite
17
+
18
+ .classic {
19
+ @include background-sprite( "base", "classic" );
20
+ width: 152px;
21
+ height: 135px;
22
+ }
23
+
24
+ .indy {
25
+ @include background-sprite(
26
+ $name: "base",
27
+ $image: "indy"
28
+ );
29
+ width: 128px;
30
+ height: 140px;
31
+ }
32
+
33
+ // ---------------------------------------------------------------------------
34
+ // Not using retina: this particular image doesn't exist as a retina asset
35
+
36
+ .alien {
37
+ @include background-sprite(
38
+ $name: "base",
39
+ $image: "alien",
40
+ $use-retina: false
41
+ );
42
+ width: 159px;
43
+ height: 141px;
44
+ }
@@ -0,0 +1,30 @@
1
+ // ---------------------------------------------------------------------------
2
+ // Imports
3
+
4
+ @import "../../../sass/ezy/sprites";
5
+
6
+ // ---------------------------------------------------------------------------
7
+ // Create sprite
8
+
9
+ @include make-sprite(
10
+ $name: "simple",
11
+ $folder: "test-simple"
12
+ );
13
+
14
+ // ---------------------------------------------------------------------------
15
+ // Use sprite
16
+
17
+ .classic {
18
+ @include background-sprite( "simple", "classic" );
19
+ width: 152px;
20
+ height: 135px;
21
+ }
22
+
23
+ .indy {
24
+ @include background-sprite(
25
+ $name: "simple",
26
+ $image: "indy"
27
+ );
28
+ width: 128px;
29
+ height: 140px;
30
+ }
@@ -0,0 +1,85 @@
1
+ // ---------------------------------------------------------------------------
2
+ // Imports
3
+
4
+ @import "../../../sass/ezy/sprites";
5
+
6
+ // ---------------------------------------------------------------------------
7
+ // Create sprite
8
+
9
+ @include make-sprite(
10
+ $name: "base",
11
+ $folder: "test-retina",
12
+ $folder-retina: "test-retina@2x"
13
+ );
14
+
15
+ /* -------------------------------------------------------------------- *
16
+ * Sprite image width and height
17
+ */
18
+
19
+ .classic {
20
+ width: sprite-image-width( "base", "classic" );
21
+ height: sprite-image-height( "base", "classic" );
22
+ }
23
+
24
+ /* Getting dimensons from mixin */
25
+
26
+ .classic-2 {
27
+ @include sprite-image-dimensions( "base", "classic" );
28
+ }
29
+
30
+ .indy {
31
+ width: sprite-image-width( "base", "indy" );
32
+ height: sprite-image-height( "base", "indy" );
33
+ }
34
+
35
+ /* Getting dimensons from mixin */
36
+
37
+ .indy-2 {
38
+ @include sprite-image-dimensions( "base", "indy" );
39
+ }
40
+
41
+ /* -------------------------------------------------------------------- *
42
+ * Retina sprite image width and height
43
+ */
44
+
45
+ .classic {
46
+ width: sprite-image-width( "base", "classic", $use-retina: true );
47
+ height: sprite-image-height( "base", "classic", $use-retina: true );
48
+ }
49
+
50
+ /* Getting dimensons from mixin */
51
+
52
+ .classic-2 {
53
+ @include sprite-image-dimensions( "base", "classic", $use-retina: true );
54
+ }
55
+
56
+ .indy {
57
+ width: sprite-image-width( "base", "indy", $use-retina: true );
58
+ height: sprite-image-height( "base", "indy", $use-retina: true );
59
+ }
60
+
61
+ /* Getting dimensons from mixin */
62
+
63
+ .indy-2 {
64
+ @include sprite-image-dimensions( "base", "indy", $use-retina: true );
65
+ }
66
+
67
+ /* -------------------------------------------------------------------- *
68
+ * Full sprite width / height
69
+ */
70
+
71
+ .sprite {
72
+ width: sprite-width( "base" );
73
+ height: sprite-height( "base" );
74
+ }
75
+
76
+ /* -------------------------------------------------------------------- *
77
+ * Full retina sprite width / height
78
+ */
79
+
80
+ .sprite-retina {
81
+ width: sprite-width( "base", $use-retina: true );
82
+ height: sprite-height( "base", $use-retina: true );
83
+ }
84
+
85
+
@@ -0,0 +1,22 @@
1
+ // ---------------------------------------------------------------------------
2
+ // Imports
3
+
4
+ @import "../../../sass/ezy/sprites";
5
+
6
+ // ---------------------------------------------------------------------------
7
+ // Create sprite
8
+
9
+ @include make-sprite(
10
+ $name: "base",
11
+ $folder: "test-spacing",
12
+ $folder-retina: "test-spacing@2x",
13
+ $spacing: 50px,
14
+ $spacing-retina: 200px
15
+ );
16
+
17
+ // ---------------------------------------------------------------------------
18
+ // Calling sprite so it will compile
19
+
20
+ .classic {
21
+ @include background-sprite( "base", "classic" );
22
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ezy
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Frej Raahede Nielsen
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-11-10 00:00:00.000000000 Z
11
+ date: 2013-11-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass
@@ -54,6 +54,7 @@ files:
54
54
  - sass/ezy/_functions.scss
55
55
  - sass/ezy/_grid.scss
56
56
  - sass/ezy/_media.scss
57
+ - sass/ezy/_sprites.scss
57
58
  - templates/project/_settings.scss
58
59
  - templates/project/index.html
59
60
  - templates/project/manifest.rb
@@ -65,12 +66,72 @@ files:
65
66
  - test/css/grid/responsive.css
66
67
  - test/css/grid/static.css
67
68
  - test/css/media.css
69
+ - test/css/sprites/layout.css
70
+ - test/css/sprites/position.css
71
+ - test/css/sprites/repeat.css
72
+ - test/css/sprites/retina.css
73
+ - test/css/sprites/simple.css
74
+ - test/css/sprites/size.css
75
+ - test/css/sprites/spacing.css
76
+ - test/html/sprites/repeat.html
77
+ - test/html/sprites/retina.html
78
+ - test/html/sprites/simple.html
79
+ - test/img/test-layout/alien.png
80
+ - test/img/test-layout/goat.png
81
+ - test/img/test-layout/indy.png
82
+ - test/img/test-layout.png
83
+ - test/img/test-layout@2x/alien.png
84
+ - test/img/test-layout@2x/goat.png
85
+ - test/img/test-layout@2x/indy.png
86
+ - test/img/test-layout@2x.png
87
+ - test/img/test-position/goat.png
88
+ - test/img/test-position/icon-1.png
89
+ - test/img/test-position/icon-coffee.png
90
+ - test/img/test-position.png
91
+ - test/img/test-position@2x/goat.png
92
+ - test/img/test-position@2x/icon-1.png
93
+ - test/img/test-position@2x/icon-coffee.png
94
+ - test/img/test-position@2x.png
95
+ - test/img/test-repeat/meassure-1.png
96
+ - test/img/test-repeat/meassure-2.png
97
+ - test/img/test-repeat/meassure-3.png
98
+ - test/img/test-repeat.png
99
+ - test/img/test-repeat@2x/meassure-1.png
100
+ - test/img/test-repeat@2x/meassure-2.png
101
+ - test/img/test-repeat@2x/meassure-3.png
102
+ - test/img/test-repeat@2x.png
103
+ - test/img/test-retina/alien.png
104
+ - test/img/test-retina/classic.png
105
+ - test/img/test-retina/indy.png
106
+ - test/img/test-retina.png
107
+ - test/img/test-retina@2x/classic.png
108
+ - test/img/test-retina@2x/indy.png
109
+ - test/img/test-retina@2x.png
110
+ - test/img/test-simple/alien.png
111
+ - test/img/test-simple/classic.png
112
+ - test/img/test-simple/indy.png
113
+ - test/img/test-simple.png
114
+ - test/img/test-spacing/alien.png
115
+ - test/img/test-spacing/classic.png
116
+ - test/img/test-spacing/indy.png
117
+ - test/img/test-spacing.png
118
+ - test/img/test-spacing@2x/alien.png
119
+ - test/img/test-spacing@2x/classic.png
120
+ - test/img/test-spacing@2x/indy.png
121
+ - test/img/test-spacing@2x.png
68
122
  - test/scss/grid/elastic.scss
69
123
  - test/scss/grid/fluid.scss
70
124
  - test/scss/grid/gutter.scss
71
125
  - test/scss/grid/responsive.scss
72
126
  - test/scss/grid/static.scss
73
127
  - test/scss/media.scss
128
+ - test/scss/sprites/layout.scss
129
+ - test/scss/sprites/position.scss
130
+ - test/scss/sprites/repeat.scss
131
+ - test/scss/sprites/retina.scss
132
+ - test/scss/sprites/simple.scss
133
+ - test/scss/sprites/size.scss
134
+ - test/scss/sprites/spacing.scss
74
135
  homepage: http://github.com/raahede/
75
136
  licenses:
76
137
  - MIT