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/Gemfile +1 -1
- data/Gemfile.lock +38 -0
- data/assets/sass/edge/_base.scss +224 -193
- data/assets/sass/edge/_components.scss +1 -1
- data/assets/sass/edge/_helpers.scss +2 -2
- data/assets/sass/edge/components/_code.scss +4 -4
- data/assets/sass/edge/components/_grid-old.scss +287 -0
- data/assets/sass/edge/components/_grid.scss +221 -241
- data/assets/sass/edge/components/_tile.scss +113 -0
- data/assets/sass/edge/components/_visibility.scss +2 -2
- data/assets/sass/edge/helpers/_sprites.scss +4 -3
- data/assets/sass/for-test.scss +152 -0
- data/assets/test.html +441 -63
- data/lib/edge/version.rb +2 -2
- data/template/base/assets/sass/_setting.scss +15 -16
- data/template/base/assets/sass/{edge-framework.scss → framework.scss} +0 -0
- data/template/base/config.rb +16 -0
- metadata +8 -4
- data/assets/sass/edge/components/_block-grid.scss +0 -112
data/lib/edge/version.rb
CHANGED
@@ -34,22 +34,22 @@
|
|
34
34
|
|
35
35
|
// ---------------------------
|
36
36
|
// OUTPUT CONFIG
|
37
|
-
// debug
|
38
|
-
// responsive
|
39
|
-
// include
|
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
|
42
|
-
// $responsive
|
41
|
+
// $debug-mode : false;
|
42
|
+
// $responsive : true;
|
43
43
|
|
44
44
|
// $include-typography : true;
|
45
45
|
// $include-grid : true;
|
46
|
-
// $include-
|
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
|
76
|
-
// $total-columns
|
77
|
-
// $column-
|
75
|
+
// $row-max-width : 1140px;
|
76
|
+
// $total-columns : 12;
|
77
|
+
// $column-gutter : 20px;
|
78
78
|
|
79
79
|
// ------------
|
80
|
-
//
|
80
|
+
// TILE
|
81
81
|
// ------------
|
82
|
-
// $max-
|
83
|
-
// $
|
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
|
-
// $
|
109
|
-
// $
|
110
|
-
// $medium-screen : 1140px;
|
108
|
+
// $small-screen : 480px;
|
109
|
+
// $medium-screen : 800px;
|
111
110
|
// $large-screen : 1440px;
|
112
111
|
// $retina-screen : 192dpi;
|
113
112
|
|
File without changes
|
@@ -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.
|
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-
|
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/
|
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
|