edge_framework 0.9.10 → 0.9.11
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.
- checksums.yaml +8 -8
- data/README.md +297 -89
- data/assets/sass/edge/_base.scss +29 -14
- data/assets/sass/edge/components/_button.scss +36 -47
- data/assets/sass/edge/components/_grid.scss +7 -7
- data/assets/sass/edge/components/_tile.scss +20 -5
- data/assets/sass/edge/components/_typography.scss +1 -6
- data/assets/sass/edge/components/_visibility.scss +15 -35
- data/assets/sass/edge.scss +1 -1
- data/assets/sass/for-test.scss +13 -6
- data/assets/test.html +42 -45
- data/bin/edge +3 -3
- data/lib/edge/install_generator.rb +56 -0
- data/lib/edge/message.rb +2 -6
- data/lib/edge/version.rb +1 -1
- data/lib/edge_framework.rb +4 -0
- data/readme-img/compass-edge-big.jpg +0 -0
- data/readme-img/compass-edge.jpg +0 -0
- data/readme-img/generator/assets/css/.keep +0 -0
- data/readme-img/generator/assets/css/app.css +67 -0
- data/readme-img/generator/assets/css/framework.css +1015 -0
- data/readme-img/generator/assets/files/.keep +0 -0
- data/readme-img/generator/assets/fonts/.keep +0 -0
- data/readme-img/generator/assets/img/favicon-big.png +0 -0
- data/readme-img/generator/assets/img/favicon.png +0 -0
- data/readme-img/generator/assets/img/ipad.svg +19 -0
- data/readme-img/generator/assets/img/iphone.svg +22 -0
- data/readme-img/generator/assets/js/app.js +3 -0
- data/readme-img/generator/assets/js/vendor/custom.modernizr.js +4 -0
- data/readme-img/generator/assets/js/vendor/jquery.min.js +6 -0
- data/readme-img/generator/assets/sass/_setting.scss +107 -0
- data/readme-img/generator/assets/sass/app.scss +102 -0
- data/readme-img/generator/assets/sass/framework.scss +10 -0
- data/readme-img/generator/content.html +40 -0
- data/readme-img/generator/index.html +49 -0
- data/readme-img/generator/robots.txt +7 -0
- data/readme-img/grid-centered.jpg +0 -0
- data/readme-img/grid-collapse.jpg +0 -0
- data/readme-img/grid-large-small.jpg +0 -0
- data/readme-img/grid-large.jpg +0 -0
- data/readme-img/grid-nesting.jpg +0 -0
- data/readme-img/grid-offset.jpg +0 -0
- data/readme-img/grid-ordering.jpg +0 -0
- data/readme-img/grid-tile.jpg +0 -0
- data/readme-img/logo.jpg +0 -0
- data/readme-img/rails-edge-big.jpg +0 -0
- data/readme-img/rails-edge.jpg +0 -0
- data/template/base/assets/sass/_setting.scss +41 -52
- data/template/master/assets/sass/_setting.scss +118 -0
- data/template/rails/application.html.erb +30 -0
- metadata +36 -2
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width" />
|
|
6
|
+
<title>My Website</title>
|
|
7
|
+
<meta name="description" content="This is a description of your website" />
|
|
8
|
+
<meta name="keywords" content="search, key, word," /> <!-- Comma-separated list for Search keyword -->
|
|
9
|
+
|
|
10
|
+
<!-- FAVICON -->
|
|
11
|
+
<link rel="icon" type="image/png" href="assets/img/favicon.png">
|
|
12
|
+
<link rel="apple-touch-icon-precomposed" href="assets/img/favicon-big.png" />
|
|
13
|
+
|
|
14
|
+
<!-- VENDOR -->
|
|
15
|
+
<script type="text/javascript" src="assets/js/vendor/custom.modernizr.js"></script>
|
|
16
|
+
<link rel="stylesheet" href="assets/css/framework.css">
|
|
17
|
+
|
|
18
|
+
<!-- APP Specific -->
|
|
19
|
+
<link rel="stylesheet" href="assets/css/app.css">
|
|
20
|
+
</head>
|
|
21
|
+
<body>
|
|
22
|
+
<div id="main-wrapper">
|
|
23
|
+
|
|
24
|
+
<!-- Content goes here -->
|
|
25
|
+
<div class="device-wrapper">
|
|
26
|
+
<section class="tablet">
|
|
27
|
+
<figure>
|
|
28
|
+
<img src="assets/img/ipad.svg">
|
|
29
|
+
</figure>
|
|
30
|
+
<iframe src="http://localhost/device/content.html" width="463", height="306" frameborder="0"></iframe>
|
|
31
|
+
</section>
|
|
32
|
+
|
|
33
|
+
<section class="phone">
|
|
34
|
+
<figure>
|
|
35
|
+
<img src="assets/img/iphone.svg">
|
|
36
|
+
</figure>
|
|
37
|
+
<iframe src="http://localhost/device/content.html" width="169", height="265" frameborder="0"></iframe>
|
|
38
|
+
</section>
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
<aside id="footer-push"></aside>
|
|
42
|
+
</div>
|
|
43
|
+
<footer class="main-footer"></footer>
|
|
44
|
+
|
|
45
|
+
<!-- Google's Hosted JQuery -->
|
|
46
|
+
<script src="assets/js/vendor/jquery.min.js"></script>
|
|
47
|
+
<script type="text/javascript" src="assets/js/app.js"></script>
|
|
48
|
+
</body>
|
|
49
|
+
</html>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
data/readme-img/logo.jpg
ADDED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -9,50 +9,66 @@ $body-font-family : "Helvetica", Helvetica, Arial, "sans-serif";
|
|
|
9
9
|
// $code-font-family : "Consolas", Courier, "monospace";
|
|
10
10
|
|
|
11
11
|
// --------------------------------
|
|
12
|
-
// COLOR
|
|
13
12
|
// Two main colors of your site
|
|
14
13
|
// --------------------------------
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
|
|
15
|
+
$main-color : #2a71e3;
|
|
16
|
+
$sub-color : #d7d7d7;
|
|
17
17
|
|
|
18
18
|
// -------------------
|
|
19
19
|
// COLOR PALETTE
|
|
20
20
|
// -------------------
|
|
21
|
-
// $passive-color : #
|
|
22
|
-
// $blue-color : #
|
|
23
|
-
// $yellow-color : #
|
|
24
|
-
// $red-color : #
|
|
25
|
-
// $green-color : #
|
|
21
|
+
// $passive-color : #d7d7d7;
|
|
22
|
+
// $blue-color : #2a71e3;
|
|
23
|
+
// $yellow-color : #fac741;
|
|
24
|
+
// $red-color : #d35400;
|
|
25
|
+
// $green-color : #229e61;
|
|
26
26
|
|
|
27
|
-
//
|
|
27
|
+
// ----------------
|
|
28
28
|
// OUTPUT CONFIG
|
|
29
|
-
//
|
|
30
|
-
// responsive : add responsiveness to the output
|
|
31
|
-
// vertical-rhythm : vertically-align all header, paragraph, and list
|
|
32
|
-
|
|
33
|
-
// include : if false - no CSS output
|
|
34
|
-
// ------------------------------------------------------------------------------
|
|
35
|
-
// $debug : false;
|
|
29
|
+
// ----------------
|
|
36
30
|
// $responsive : true;
|
|
31
|
+
// $debug : false;
|
|
37
32
|
// $vertical-rhythm : false;
|
|
38
33
|
|
|
39
|
-
// $include-typography : true;
|
|
40
|
-
// $include-grid : true;
|
|
41
34
|
// $include-tile : true;
|
|
42
35
|
// $include-visibility : true;
|
|
36
|
+
// $include-button : true;
|
|
43
37
|
|
|
44
|
-
// $include-
|
|
45
|
-
// $include-form : true;
|
|
46
|
-
// $include-animate : true;
|
|
47
|
-
|
|
38
|
+
// $include-animate : false;
|
|
48
39
|
// $include-print : false;
|
|
49
40
|
// $include-code : false;
|
|
50
41
|
|
|
42
|
+
// ------
|
|
43
|
+
// BODY
|
|
44
|
+
// ------
|
|
45
|
+
// $body-background : #fff;
|
|
46
|
+
// $body-font-color : #222;
|
|
47
|
+
// $body-font-weight : 400;
|
|
48
|
+
|
|
49
|
+
// $body-font-size : 16px;
|
|
50
|
+
// $body-line-height : 1.5;
|
|
51
|
+
|
|
52
|
+
// ---------------
|
|
53
|
+
// TYPOGRAPHY
|
|
54
|
+
// ---------------
|
|
55
|
+
// $h1-font-size : 44px;
|
|
56
|
+
// $h2-font-size : 36px;
|
|
57
|
+
// $h3-font-size : 28px;
|
|
58
|
+
// $h4-font-size : 22px;
|
|
59
|
+
// $h5-font-size : 18px;
|
|
60
|
+
// $h6-font-size : 16px;
|
|
61
|
+
|
|
62
|
+
// $header-font-color : $body-font-color;
|
|
63
|
+
// $header-font-weight : 700;
|
|
64
|
+
|
|
65
|
+
// $p-margin-bottom : 1em;
|
|
66
|
+
|
|
51
67
|
// ---------------
|
|
52
68
|
// GLOBAL VALUE
|
|
53
69
|
// ---------------
|
|
54
|
-
// $g-radius :
|
|
55
|
-
// $g-transition : all
|
|
70
|
+
// $g-radius : 3px;
|
|
71
|
+
// $g-transition : all .2s ease-in-out;
|
|
56
72
|
|
|
57
73
|
// -------------------
|
|
58
74
|
// MEDIA QUERIES
|
|
@@ -75,31 +91,6 @@ $main-color : #0173bc;
|
|
|
75
91
|
// $max-tiles : 12;
|
|
76
92
|
// $tile-gutter : 15px;
|
|
77
93
|
|
|
78
|
-
// ------
|
|
79
|
-
// BODY
|
|
80
|
-
// ------
|
|
81
|
-
// $body-background : #fff;
|
|
82
|
-
// $body-font-color : #222;
|
|
83
|
-
// $body-font-weight : 400;
|
|
84
|
-
|
|
85
|
-
// $body-font-size : 16px;
|
|
86
|
-
// $body-line-height : 1.5;
|
|
87
|
-
|
|
88
|
-
// ---------------
|
|
89
|
-
// TYPOGRAPHY
|
|
90
|
-
// ---------------
|
|
91
|
-
// $h1-font-size : 44px;
|
|
92
|
-
// $h2-font-size : 36px;
|
|
93
|
-
// $h3-font-size : 28px;
|
|
94
|
-
// $h4-font-size : 22px;
|
|
95
|
-
// $h5-font-size : 18px;
|
|
96
|
-
// $h6-font-size : 16px;
|
|
97
|
-
|
|
98
|
-
// $header-font-color : $body-font-color;
|
|
99
|
-
// $header-font-weight : 700;
|
|
100
|
-
|
|
101
|
-
// $p-margin-bottom : 1.5em;
|
|
102
|
-
|
|
103
94
|
// -----------------
|
|
104
95
|
// CODE Highlighter
|
|
105
96
|
// -----------------
|
|
@@ -108,9 +99,7 @@ $main-color : #0173bc;
|
|
|
108
99
|
// ----------
|
|
109
100
|
// BUTTON
|
|
110
101
|
// ----------
|
|
111
|
-
// $button-
|
|
112
|
-
// $button-color : $main-color;
|
|
113
|
-
// $button-padding : 10px 20px;
|
|
102
|
+
// $button-color : $main-color;
|
|
114
103
|
|
|
115
104
|
// ------------------
|
|
116
105
|
// TEXT DIRECTION
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
// Override EDGE variables here
|
|
2
|
+
// To override, uncomment the variable and set the new value
|
|
3
|
+
|
|
4
|
+
// -------
|
|
5
|
+
// FONT
|
|
6
|
+
// -------
|
|
7
|
+
$header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
|
|
8
|
+
$body-font-family : "Helvetica", Helvetica, Arial, "sans-serif";
|
|
9
|
+
// $code-font-family : "Consolas", Courier, "monospace";
|
|
10
|
+
|
|
11
|
+
// --------------------------------
|
|
12
|
+
// COLOR
|
|
13
|
+
// Two main colors of your site
|
|
14
|
+
// --------------------------------
|
|
15
|
+
$main-color : #0173bc;
|
|
16
|
+
// $sub-color : #e9e9e9;
|
|
17
|
+
|
|
18
|
+
// -------------------
|
|
19
|
+
// COLOR PALETTE
|
|
20
|
+
// -------------------
|
|
21
|
+
// $passive-color : #e9e9e9;
|
|
22
|
+
// $blue-color : #0173bc;
|
|
23
|
+
// $yellow-color : #dba924;
|
|
24
|
+
// $red-color : #da2e18;
|
|
25
|
+
// $green-color : #2cae34;
|
|
26
|
+
|
|
27
|
+
// ---------------------------
|
|
28
|
+
// OUTPUT CONFIG
|
|
29
|
+
// debug : if true - add useful functionality for development
|
|
30
|
+
// responsive : add responsiveness to the output
|
|
31
|
+
// vertical-rhythm : vertically-align all header, paragraph, and list
|
|
32
|
+
|
|
33
|
+
// include : if false - no CSS output
|
|
34
|
+
// ------------------------------------------------------------------------------
|
|
35
|
+
// $debug : false;
|
|
36
|
+
// $responsive : true;
|
|
37
|
+
// $vertical-rhythm : false;
|
|
38
|
+
|
|
39
|
+
// $include-typography : true;
|
|
40
|
+
// $include-grid : true;
|
|
41
|
+
// $include-tile : true;
|
|
42
|
+
// $include-visibility : true;
|
|
43
|
+
|
|
44
|
+
// $include-button : true;
|
|
45
|
+
// $include-form : true;
|
|
46
|
+
// $include-animate : true;
|
|
47
|
+
|
|
48
|
+
// $include-print : false;
|
|
49
|
+
// $include-code : false;
|
|
50
|
+
|
|
51
|
+
// ---------------
|
|
52
|
+
// GLOBAL VALUE
|
|
53
|
+
// ---------------
|
|
54
|
+
// $g-radius : 5px;
|
|
55
|
+
// $g-transition : all 0.2s ease-out;
|
|
56
|
+
|
|
57
|
+
// -------------------
|
|
58
|
+
// MEDIA QUERIES
|
|
59
|
+
// -------------------
|
|
60
|
+
// $mini-screen : 480px;
|
|
61
|
+
// $small-screen : 767px;
|
|
62
|
+
// $large-screen : 1440px;
|
|
63
|
+
// $retina-screen : 192dpi;
|
|
64
|
+
|
|
65
|
+
// --------
|
|
66
|
+
// GRID
|
|
67
|
+
// --------
|
|
68
|
+
// $row-max-width : 1140px;
|
|
69
|
+
// $total-columns : 12;
|
|
70
|
+
// $column-gutter : 20px;
|
|
71
|
+
|
|
72
|
+
// ------------
|
|
73
|
+
// TILE
|
|
74
|
+
// ------------
|
|
75
|
+
// $max-tiles : 12;
|
|
76
|
+
// $tile-gutter : 15px;
|
|
77
|
+
|
|
78
|
+
// ------
|
|
79
|
+
// BODY
|
|
80
|
+
// ------
|
|
81
|
+
// $body-background : #fff;
|
|
82
|
+
// $body-font-color : #222;
|
|
83
|
+
// $body-font-weight : 400;
|
|
84
|
+
|
|
85
|
+
// $body-font-size : 16px;
|
|
86
|
+
// $body-line-height : 1.5;
|
|
87
|
+
|
|
88
|
+
// ---------------
|
|
89
|
+
// TYPOGRAPHY
|
|
90
|
+
// ---------------
|
|
91
|
+
// $h1-font-size : 44px;
|
|
92
|
+
// $h2-font-size : 36px;
|
|
93
|
+
// $h3-font-size : 28px;
|
|
94
|
+
// $h4-font-size : 22px;
|
|
95
|
+
// $h5-font-size : 18px;
|
|
96
|
+
// $h6-font-size : 16px;
|
|
97
|
+
|
|
98
|
+
// $header-font-color : $body-font-color;
|
|
99
|
+
// $header-font-weight : 700;
|
|
100
|
+
|
|
101
|
+
// $p-margin-bottom : 1.5em;
|
|
102
|
+
|
|
103
|
+
// -----------------
|
|
104
|
+
// CODE Highlighter
|
|
105
|
+
// -----------------
|
|
106
|
+
// $code-theme : light; // "light" or "dark"
|
|
107
|
+
|
|
108
|
+
// ----------
|
|
109
|
+
// BUTTON
|
|
110
|
+
// ----------
|
|
111
|
+
// $button-full-style : true; // if false: remove all css3 styling
|
|
112
|
+
// $button-color : $main-color;
|
|
113
|
+
// $button-padding : 10px 20px;
|
|
114
|
+
|
|
115
|
+
// ------------------
|
|
116
|
+
// TEXT DIRECTION
|
|
117
|
+
// ------------------
|
|
118
|
+
// $text-direction : ltr; // Controls default global text direction, 'rtl' or 'ltr'
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width" />
|
|
6
|
+
<title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
|
|
7
|
+
<meta name="description" content="This is a description of your website" />
|
|
8
|
+
<meta name="keywords" content="search, key, word," /> <!-- Comma-separated list for Search keyword -->
|
|
9
|
+
|
|
10
|
+
<!-- FAVICON -->
|
|
11
|
+
<link rel="icon" type="image/png" href="<%%= image_path "favicon.png" %>">
|
|
12
|
+
<link rel="apple-touch-icon-precomposed" type="image/png" href="<%%= image_path "favicon-big.png" %>">
|
|
13
|
+
|
|
14
|
+
<!-- CSS and JS -->
|
|
15
|
+
<%%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
|
|
16
|
+
<%%= javascript_include_tag "application" %>
|
|
17
|
+
<%%= csrf_meta_tags %>
|
|
18
|
+
</head>
|
|
19
|
+
<body>
|
|
20
|
+
<div id="main-wrapper">
|
|
21
|
+
|
|
22
|
+
<header class="main-header"></header>
|
|
23
|
+
|
|
24
|
+
<%%= yield %>
|
|
25
|
+
|
|
26
|
+
<aside id="footer-push"></aside>
|
|
27
|
+
</div>
|
|
28
|
+
<footer class="main-footer"></footer>
|
|
29
|
+
</body>
|
|
30
|
+
</html>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: edge_framework
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.9.
|
|
4
|
+
version: 0.9.11
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Henner Setyono
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-03-
|
|
11
|
+
date: 2014-03-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -128,10 +128,42 @@ files:
|
|
|
128
128
|
- bin/edge
|
|
129
129
|
- edge.gemspec
|
|
130
130
|
- lib/edge/engine.rb
|
|
131
|
+
- lib/edge/install_generator.rb
|
|
131
132
|
- lib/edge/message.rb
|
|
132
133
|
- lib/edge/sprockets.rb
|
|
133
134
|
- lib/edge/version.rb
|
|
134
135
|
- lib/edge_framework.rb
|
|
136
|
+
- readme-img/compass-edge-big.jpg
|
|
137
|
+
- readme-img/compass-edge.jpg
|
|
138
|
+
- readme-img/generator/assets/css/.keep
|
|
139
|
+
- readme-img/generator/assets/css/app.css
|
|
140
|
+
- readme-img/generator/assets/css/framework.css
|
|
141
|
+
- readme-img/generator/assets/files/.keep
|
|
142
|
+
- readme-img/generator/assets/fonts/.keep
|
|
143
|
+
- readme-img/generator/assets/img/favicon-big.png
|
|
144
|
+
- readme-img/generator/assets/img/favicon.png
|
|
145
|
+
- readme-img/generator/assets/img/ipad.svg
|
|
146
|
+
- readme-img/generator/assets/img/iphone.svg
|
|
147
|
+
- readme-img/generator/assets/js/app.js
|
|
148
|
+
- readme-img/generator/assets/js/vendor/custom.modernizr.js
|
|
149
|
+
- readme-img/generator/assets/js/vendor/jquery.min.js
|
|
150
|
+
- readme-img/generator/assets/sass/_setting.scss
|
|
151
|
+
- readme-img/generator/assets/sass/app.scss
|
|
152
|
+
- readme-img/generator/assets/sass/framework.scss
|
|
153
|
+
- readme-img/generator/content.html
|
|
154
|
+
- readme-img/generator/index.html
|
|
155
|
+
- readme-img/generator/robots.txt
|
|
156
|
+
- readme-img/grid-centered.jpg
|
|
157
|
+
- readme-img/grid-collapse.jpg
|
|
158
|
+
- readme-img/grid-large-small.jpg
|
|
159
|
+
- readme-img/grid-large.jpg
|
|
160
|
+
- readme-img/grid-nesting.jpg
|
|
161
|
+
- readme-img/grid-offset.jpg
|
|
162
|
+
- readme-img/grid-ordering.jpg
|
|
163
|
+
- readme-img/grid-tile.jpg
|
|
164
|
+
- readme-img/logo.jpg
|
|
165
|
+
- readme-img/rails-edge-big.jpg
|
|
166
|
+
- readme-img/rails-edge.jpg
|
|
135
167
|
- template/base/.gitignore
|
|
136
168
|
- template/base/assets/css/.keep
|
|
137
169
|
- template/base/assets/files/.keep
|
|
@@ -145,11 +177,13 @@ files:
|
|
|
145
177
|
- template/base/config.rb
|
|
146
178
|
- template/base/robots.txt
|
|
147
179
|
- template/html/index.html
|
|
180
|
+
- template/master/assets/sass/_setting.scss
|
|
148
181
|
- template/php/index.php
|
|
149
182
|
- template/php/partials/footer.php
|
|
150
183
|
- template/php/partials/functions.php
|
|
151
184
|
- template/php/partials/header.php
|
|
152
185
|
- template/php/sample-page/index.php
|
|
186
|
+
- template/rails/application.html.erb
|
|
153
187
|
- template/wordpress/404.php
|
|
154
188
|
- template/wordpress/category.php
|
|
155
189
|
- template/wordpress/footer.php
|