edge_framework 0.6.1 → 0.8.1

Sign up to get free protection for your applications and to get access to all the features.
data/lib/edge/version.rb CHANGED
@@ -1,4 +1,4 @@
1
1
  module Edge
2
- VERSION = "0.6.1"
3
- CODENAME = "Barathrum"
2
+ VERSION = "0.8.1"
3
+ CODENAME = "Banehallow"
4
4
  end
@@ -34,22 +34,22 @@
34
34
 
35
35
  // ---------------------------
36
36
  // OUTPUT CONFIG
37
- // debug - if true : disable em conversion (will add neat effect in the future)
38
- // responsive - if false: disable the grid from shrinking down
39
- // include - if false: remove the CSS output, but can still use the mixin
37
+ // debug - if true : disable em conversion (will add neat effect in the future)
38
+ // responsive - if false: disable the grid from shrinking down
39
+ // include - if false: remove the CSS output, but can still use the mixin
40
40
  // ------------------------------------------------------------------------------
41
- // $debug : false;
42
- // $responsive : true;
41
+ // $debug-mode : false;
42
+ // $responsive : true;
43
43
 
44
44
  // $include-typography : true;
45
45
  // $include-grid : true;
46
- // $include-block-grid : true;
46
+ // $include-tile : true;
47
47
  // $include-visibility : true;
48
48
 
49
49
  // $include-button : true;
50
50
  // $include-form : true;
51
- // $include-print : true;
52
51
 
52
+ // $include-print : false;
53
53
  // $include-code : false;
54
54
 
55
55
  // ------
@@ -72,15 +72,15 @@
72
72
  // --------
73
73
  // GRID
74
74
  // --------
75
- // $row-max-width : 1140px;
76
- // $total-columns : 12;
77
- // $column-distance : 20px;
75
+ // $row-max-width : 1140px;
76
+ // $total-columns : 12;
77
+ // $column-gutter : 20px;
78
78
 
79
79
  // ------------
80
- // BLOCK-GRID
80
+ // TILE
81
81
  // ------------
82
- // $max-blocks : 12;
83
- // $block-distance : 15px;
82
+ // $max-tiles : 12;
83
+ // $tile-gutter : 15px;
84
84
 
85
85
  // ---------------
86
86
  // TYPOGRAPHY
@@ -105,9 +105,8 @@
105
105
  // -------------------
106
106
  // MEDIA QUERIES
107
107
  // -------------------
108
- // $phone-screen : 480px;
109
- // $small-screen : 767px; // Right below iPad
110
- // $medium-screen : 1140px;
108
+ // $small-screen : 480px;
109
+ // $medium-screen : 800px;
111
110
  // $large-screen : 1440px;
112
111
  // $retina-screen : 192dpi;
113
112
 
@@ -0,0 +1,16 @@
1
+ gem "edge_framework", "= 0.8.1" # Remove this line to use the latest EDGE, beware of incompatibility
2
+ require "edge_framework"
3
+
4
+ http_path = "/"
5
+ css_dir = "assets/css"
6
+ images_dir = "assets/img"
7
+ sass_dir = "assets/sass"
8
+ javascripts_dir = "assets/js"
9
+ fonts_dir = "assets/fonts"
10
+ output_style = :nested
11
+ # output_style = :expanded or :nested or :compact or :compressed
12
+
13
+ relative_assets = true
14
+
15
+ # To disable debugging comments that display the original location of your selectors. Uncomment:
16
+ line_comments = false
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: edge_framework
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.1
4
+ version: 0.8.1
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-01-03 00:00:00.000000000 Z
12
+ date: 2014-01-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -118,6 +118,7 @@ files:
118
118
  - .gitattributes
119
119
  - .gitignore
120
120
  - Gemfile
121
+ - Gemfile.lock
121
122
  - LICENSE.txt
122
123
  - README.md
123
124
  - Rakefile
@@ -136,18 +137,20 @@ files:
136
137
  - assets/sass/edge/_components.scss
137
138
  - assets/sass/edge/_helpers.scss
138
139
  - assets/sass/edge/components/_block-grid-margin.scss
139
- - assets/sass/edge/components/_block-grid.scss
140
140
  - assets/sass/edge/components/_button.scss
141
141
  - assets/sass/edge/components/_code.scss
142
142
  - assets/sass/edge/components/_form.scss
143
143
  - assets/sass/edge/components/_grid-margin.scss
144
+ - assets/sass/edge/components/_grid-old.scss
144
145
  - assets/sass/edge/components/_grid.scss
145
146
  - assets/sass/edge/components/_normalize.scss
146
147
  - assets/sass/edge/components/_print.scss
148
+ - assets/sass/edge/components/_tile.scss
147
149
  - assets/sass/edge/components/_typography.scss
148
150
  - assets/sass/edge/components/_visibility.scss
149
151
  - assets/sass/edge/helpers/_sprites.scss
150
152
  - assets/sass/edge/helpers/_sticky-footer.scss
153
+ - assets/sass/for-test.scss
151
154
  - assets/test.html
152
155
  - assets/test2.html
153
156
  - bin/edge
@@ -165,7 +168,8 @@ files:
165
168
  - template/base/assets/js/app.js
166
169
  - template/base/assets/sass/_setting.scss
167
170
  - template/base/assets/sass/app.scss
168
- - template/base/assets/sass/edge-framework.scss
171
+ - template/base/assets/sass/framework.scss
172
+ - template/base/config.rb
169
173
  - template/base/robots.txt
170
174
  - template/html/index.html
171
175
  - template/php/index.php
@@ -1,112 +0,0 @@
1
- // ------------------------------------------
2
- // BLOCK GRID
3
- // Based heavily on ZURB's Foundation
4
- // ------------------------------------------
5
-
6
- $max-blocks : 12 !default;
7
- $block-distance : 15px !default;
8
-
9
- @mixin block-grid-calc (
10
- $per-row : false,
11
- $distance : em($block-distance),
12
- $collapse : false,
13
- $for-base : true ) {
14
-
15
- @if $per-row {
16
- width : 100% / $per-row;
17
-
18
- &:nth-of-type(n) {
19
- clear: none;
20
- }
21
- &:nth-of-type(#{$per-row}n+1) {
22
- clear: both;
23
- }
24
- } @else {
25
- @if $collapse {
26
- padding : 0;
27
- } @else {
28
- padding : 0 ($distance / 2);
29
- }
30
- }
31
- }
32
-
33
- @mixin block-grid (
34
- $per-row : false,
35
- $distance : em($block-distance),
36
- $collapse : false,
37
- $for-base : true ) {
38
-
39
- // For base class
40
- @if $for-base {
41
- display : block;
42
- padding : 0;
43
-
44
- @if $collapse {
45
- margin : 0;
46
- } @else {
47
- margin : 0 (-$distance / 2);
48
- }
49
-
50
- @include clearfix;
51
-
52
- & > li {
53
- position: relative;
54
- display : block;
55
- height : auto;
56
- float : $default-float;
57
- @include block-grid-calc($distance:$distance, $collapse:$collapse);
58
- }
59
- }
60
-
61
- @if $per-row {
62
- & > li {
63
- @include block-grid-calc($per-row:$per-row);
64
- }
65
- }
66
- }
67
-
68
- @if $include-block-grid {
69
-
70
- /* ---------------
71
- EDGE Block Grid
72
- --------------- */
73
-
74
- [class*="block-grid-"] {
75
- @include block-grid();
76
-
77
- &.collapse {
78
- @include block-grid($collapse:true);
79
- }
80
- }
81
-
82
- @for $i from 1 through $max-blocks {
83
- .large-block-grid-#{$i} {
84
- @include block-grid($per-row:$i, $for-base:false );
85
- }
86
- }
87
-
88
- @include small {
89
- // Make large-block-grid 100% width, but only on responsive site
90
- body:not(.not-responsive) {
91
- [class*="large-block-grid-"] > li {
92
- width: 100%;
93
- }
94
- @for $i from 1 through $max-blocks {
95
- .small-block-grid-#{$i} {
96
- @include block-grid($per-row:$i, $for-base:false );
97
- }
98
- }
99
- }
100
-
101
- // Remove large grid clearing
102
- @for $i from 1 through $max-blocks {
103
- .large-block-grid-#{$i} > li:nth-of-type(#{$i}n+1) {
104
- clear: none;
105
- }
106
- }
107
- }
108
-
109
-
110
-
111
-
112
- } // include-block-grid