edge_framework 2.0.0.a → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/README.md +1 -26
- data/assets/kitchensink.html +0 -182
- data/assets/sass/_edge.scss +2 -2
- data/assets/sass/_edgemail.scss +1 -1
- data/assets/sass/edge/_base.scss +1 -1
- data/assets/sass/edge/components/_grid.scss +26 -11
- data/assets/sass/edge/components/_tile.scss +1 -1
- data/assets/sass/edge/components/_typography.scss +2 -9
- data/assets/test/kitchensink.scss +0 -20
- data/edge.gemspec +1 -1
- data/lib/edge/version.rb +1 -1
- data/template/base/assets/js/app.js +0 -2
- data/template/base/assets/js/vendor/jquery.min.js +4 -4
- data/template/base/assets/sass/_setting.scss +13 -11
- data/template/ghost/partials/foot.hbs +5 -4
- data/template/ghost/partials/head.hbs +1 -1
- data/template/html/index.html +2 -3
- data/template/rails/application.html.erb +1 -1
- data/template/sinatra/views/layout.erb +3 -2
- data/template/wordpress/code/main.php +23 -2
- data/template/wordpress/functions.php +11 -15
- data/template/wordpress/style.css +1 -1
- data/template/wordpress/views/layout.twig +17 -15
- data/template/wordpress/views/partials/_foot.twig +2 -1
- data/template/wordpress/views/partials/_head.twig +1 -1
- metadata +5 -7
- data/template/base/assets/js/vendor/webcomponents.min.js +0 -14
- data/template/wordpress/config.rb +0 -15
checksums.yaml
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
OGExZTRhN2EwM2U1NzVhOTEwZmY3NGZiZTUxYWVkYWMxZTk2YWViZQ==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
OGU0YjA3YzcwNDU1MTBhOGVmZmUyNmU5NDM0MDY1YmI5YzA1ZjdiMA==
|
7
7
|
SHA512:
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
NWQ5YjRiNDBhMmYyZWIyYzIxZTUyOTBiNDVmZTE1ZjY4ZWE2NTJmNmI3NWYy
|
10
|
+
MmM5NzkyNmRkYWYxOWJkOWE2Yzk5YjBiNWZhODU1NWI1Zjk5MTY3NGJhNmU5
|
11
|
+
MzQ3OWNkMzQ2MzA2YTJiNWIxODkxYzRkN2MzOTdmZGE3YjU5YmI=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
ZGIxNTVmMjFkMDVlM2UwNzViMjM3YmE5NmZlNzllYmY4YmI2YTlkNzFjNzkw
|
14
|
+
NWEzNmZmMTQ0MTQzYTU1OGIyMWRlM2IyZmIyNWMwMTU1ZDljZTg3MjJlZDRj
|
15
|
+
ZjE1YWZjMWI1NDdlMjkxYWZiYzJkNGY3ZTdkYTgyMmQ2YTQyMzY=
|
data/README.md
CHANGED
@@ -23,7 +23,7 @@ INSTALLATION
|
|
23
23
|
|
24
24
|
**PC**
|
25
25
|
|
26
|
-
[Install Ruby](
|
26
|
+
[Install Ruby](https://docs.google.com/document/d/155e-Dx4SnQj_bMrM24kI4_ZEmBp-TQ_tuinhMvZsIhM/edit?usp=sharing) and type this command in your *cmd* (command prompt):
|
27
27
|
|
28
28
|
gem install edge_framework
|
29
29
|
|
@@ -177,31 +177,6 @@ Just like row, you can collapse it:
|
|
177
177
|
|
178
178
|
- Don't add your own styling to the tile or ti element.
|
179
179
|
|
180
|
-
TYPOGRAPHY
|
181
|
-
======================
|
182
|
-
|
183
|
-
Outside of CSS reset, we don't offer much feature regarding Typography.
|
184
|
-
|
185
|
-
Default Unordered list (ul) has bullet point, but most of the time we don't need it. So, we made a convention on how to write `ul`.
|
186
|
-
|
187
|
-
Without class
|
188
|
-
|
189
|
-
<ul>...<ul>
|
190
|
-
|
191
|
-
Result:
|
192
|
-
• List 1
|
193
|
-
• List 2
|
194
|
-
• List 3
|
195
|
-
|
196
|
-
With any class
|
197
|
-
|
198
|
-
<ul class="something">...</ul>
|
199
|
-
|
200
|
-
Result:
|
201
|
-
List 1
|
202
|
-
List 2
|
203
|
-
List 3
|
204
|
-
|
205
180
|
WORDPRESS
|
206
181
|
====================
|
207
182
|
|
data/assets/kitchensink.html
CHANGED
@@ -24,117 +24,6 @@
|
|
24
24
|
<!-- <header class="top-bar">
|
25
25
|
</header> -->
|
26
26
|
|
27
|
-
|
28
|
-
<!-- <div class="row" data-page="vertical-rhythm">
|
29
|
-
<div class="large-12 column">
|
30
|
-
<article class="blog-post baseline">
|
31
|
-
<div class="row">
|
32
|
-
<div class="large-6 column">
|
33
|
-
<div class="typo-wrapper">
|
34
|
-
<h1>Unordered List</h1>
|
35
|
-
<ul class="bullet-list">
|
36
|
-
<li>Lorem ipsum dolor sit</li>
|
37
|
-
<li>
|
38
|
-
Consectetur adipisicing elit
|
39
|
-
<ul class="bullet-list">
|
40
|
-
<li>Necessitatibus, ex assumenda veniam ullam</li>
|
41
|
-
<li>Ametharum labore deserunt quidem</li>
|
42
|
-
</ul>
|
43
|
-
</li>
|
44
|
-
<li>Consequatur ipsum a aut iusto tempore</li>
|
45
|
-
<li>Impedit sint nulla nobis suscipit rem aspernatur</li>
|
46
|
-
</ul>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
<div class="large-6 column">
|
50
|
-
<div class="typo-wrapper">
|
51
|
-
<h1>Ordered List</h1>
|
52
|
-
<ol>
|
53
|
-
<li>Lorem ipsum dolor sit.</li>
|
54
|
-
<li> Eligendi, eos, voluptates, ducimus fugit
|
55
|
-
<ol>
|
56
|
-
<li>Tempora minus iusto veniam veritatis ea</li>
|
57
|
-
<li>Perspiciatis sequi et incidunt</li>
|
58
|
-
<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
|
59
|
-
</ol>
|
60
|
-
</li>
|
61
|
-
<li>Consequuntur assumenda nesciunt</li>
|
62
|
-
<li>Consectetur adipisicing elit</li>
|
63
|
-
</ol>
|
64
|
-
</div>
|
65
|
-
</div>
|
66
|
-
</div>
|
67
|
-
<div class="row">
|
68
|
-
<div class="large-6 small-9 column">
|
69
|
-
<h1>Lorem ipsum dolor sit amet.</h1>
|
70
|
-
<p>
|
71
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, eaque illum tempora mollitia magni omnis debitis quidem culpa dolores praesentium at veniam nobis! Iusto, excepturi, accusamus autem iure ab magnam!
|
72
|
-
</p>
|
73
|
-
<p>
|
74
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, quos hic praesentium sint impedit voluptate aliquid minus consequuntur assumenda quaerat voluptas vel corrupti ullam accusantium quo optio necessitatibus inventore molestias.
|
75
|
-
</p>
|
76
|
-
<blockquote>
|
77
|
-
Lorem ipsum dolor sit amet
|
78
|
-
</blockquote>
|
79
|
-
<p>
|
80
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, quidem repellendus at soluta vitae fuga ratione ad ullam? Placeat accusamus quam facere eveniet laboriosam praesentium accusantium. Fuga eum soluta molestiae?
|
81
|
-
</p>
|
82
|
-
<table>
|
83
|
-
<thead>
|
84
|
-
<tr>
|
85
|
-
<th>No</th>
|
86
|
-
<th>Product</th>
|
87
|
-
<th>Price</th>
|
88
|
-
</tr>
|
89
|
-
</thead>
|
90
|
-
<tbody>
|
91
|
-
<tr>
|
92
|
-
<td>1</td>
|
93
|
-
<td>Fried Rice</td>
|
94
|
-
<td>5.00</td>
|
95
|
-
</tr>
|
96
|
-
<tr>
|
97
|
-
<td>2</td>
|
98
|
-
<td>Ayam Penyet</td>
|
99
|
-
<td>7.0</td>
|
100
|
-
</tr>
|
101
|
-
<tr>
|
102
|
-
<td>3</td>
|
103
|
-
<td>Something random</td>
|
104
|
-
<td>9.0</td>
|
105
|
-
</tr>
|
106
|
-
</tbody>
|
107
|
-
</table>
|
108
|
-
<p>
|
109
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, maxime, soluta, perspiciatis ratione suscipit voluptate numquam dicta facere reiciendis saepe laboriosam molestias facilis officiis impedit sunt quo enim quaerat cum.
|
110
|
-
</p>
|
111
|
-
</div>
|
112
|
-
<div class="large-3 small-3 column">
|
113
|
-
<div class="sidebar">
|
114
|
-
<h2>SIDEBAR</h2>
|
115
|
-
<p>
|
116
|
-
<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, autem.</em>
|
117
|
-
</p>
|
118
|
-
<h3>MENU</h3>
|
119
|
-
<p>Select your dishes</p>
|
120
|
-
<ul class="bullet-list">
|
121
|
-
<li>Dolorum, rerum, minima</li>
|
122
|
-
<li>Laboriosam in atque</li>
|
123
|
-
<li>Quo, provident</li>
|
124
|
-
<li>Consectetur adipisicing</li>
|
125
|
-
<li>Architecto excepturi</li>
|
126
|
-
</ul>
|
127
|
-
<p>
|
128
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, pariatur sunt ea adipisci eius dolorum aspernatur asperiores alias laudantium optio.
|
129
|
-
</p>
|
130
|
-
</div>
|
131
|
-
|
132
|
-
</div>
|
133
|
-
</div>
|
134
|
-
</article>
|
135
|
-
</div>
|
136
|
-
</div> -->
|
137
|
-
|
138
27
|
<!-- <section class="row" data-page="animate">
|
139
28
|
<div class="large-12 column">
|
140
29
|
<div class="box1" data-animate="fadein 500"></div>
|
@@ -224,77 +113,6 @@
|
|
224
113
|
</div>
|
225
114
|
</div> -->
|
226
115
|
|
227
|
-
<!-- <div class="row" data-page="vr-comparison">
|
228
|
-
<div class="large-6 column">
|
229
|
-
<article class="baseline-comparison">
|
230
|
-
<h1>Lorem ipsum dolor sit amet.</h1>
|
231
|
-
<p>
|
232
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, eaque illum tempora mollitia magni omnis debitis quidem culpa dolores praesentium at veniam nobis! Iusto, excepturi, accusamus autem iure ab magnam!
|
233
|
-
</p>
|
234
|
-
<p>
|
235
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, illum?
|
236
|
-
</p>
|
237
|
-
<ul class="bullet-list">
|
238
|
-
<li>Lorem ipsum dolor sit</li>
|
239
|
-
<li>
|
240
|
-
Consectetur adipisicing elit
|
241
|
-
<ul class="bullet-list">
|
242
|
-
<li>Necessitatibus, ex assumenda veniam ullam</li>
|
243
|
-
<li>Ametharum labore deserunt quidem</li>
|
244
|
-
</ul>
|
245
|
-
</li>
|
246
|
-
<li>Consequatur ipsum a aut iusto tempore</li>
|
247
|
-
<li>Impedit sint nulla nobis suscipit rem aspernatur</li>
|
248
|
-
</ul>
|
249
|
-
<h2>Explicabo consectetur vero</h2>
|
250
|
-
<p>
|
251
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed deserunt veritatis temporibus voluptates voluptatibus deleniti quia laudantium in accusantium.
|
252
|
-
</p>
|
253
|
-
<blockquote>
|
254
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, earum, deleniti repellat quam aspernatur delectus perspiciatis vel necessitatibus sunt veritatis.
|
255
|
-
<cite>written by Henner</cite>
|
256
|
-
</blockquote>
|
257
|
-
<p>
|
258
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, maxime, soluta, perspiciatis ratione suscipit voluptate numquam dicta facere reiciendis saepe laboriosam molestias facilis officiis impedit sunt quo enim quaerat cum.
|
259
|
-
</p>
|
260
|
-
</article>
|
261
|
-
</div>
|
262
|
-
<div class="large-6 column">
|
263
|
-
<article class="baseline-comparison has-vr">
|
264
|
-
<h1>Lorem ipsum dolor sit amet.</h1>
|
265
|
-
<p>
|
266
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, eaque illum tempora mollitia magni omnis debitis quidem culpa dolores praesentium at veniam nobis! Iusto, excepturi, accusamus autem iure ab magnam!
|
267
|
-
</p>
|
268
|
-
<p>
|
269
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, illum?
|
270
|
-
</p>
|
271
|
-
<ul class="bullet-list">
|
272
|
-
<li>Lorem ipsum dolor sit</li>
|
273
|
-
<li>
|
274
|
-
Consectetur adipisicing elit
|
275
|
-
<ul class="bullet-list">
|
276
|
-
<li>Necessitatibus, ex assumenda veniam ullam</li>
|
277
|
-
<li>Ametharum labore deserunt quidem</li>
|
278
|
-
</ul>
|
279
|
-
</li>
|
280
|
-
<li>Consequatur ipsum a aut iusto tempore</li>
|
281
|
-
<li>Impedit sint nulla nobis suscipit rem aspernatur</li>
|
282
|
-
</ul>
|
283
|
-
<h2>Explicabo consectetur vero</h2>
|
284
|
-
<p>
|
285
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed deserunt veritatis temporibus voluptates voluptatibus deleniti quia laudantium in accusantium.
|
286
|
-
</p>
|
287
|
-
<blockquote>
|
288
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, earum, deleniti repellat quam aspernatur delectus perspiciatis vel necessitatibus sunt veritatis.
|
289
|
-
<cite>written by Henner</cite>
|
290
|
-
</blockquote>
|
291
|
-
<p>
|
292
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, maxime, soluta, perspiciatis ratione suscipit voluptate numquam dicta facere reiciendis saepe laboriosam molestias facilis officiis impedit sunt quo enim quaerat cum.
|
293
|
-
</p>
|
294
|
-
</article>
|
295
|
-
</div>
|
296
|
-
</div> -->
|
297
|
-
|
298
116
|
<!--
|
299
117
|
<div class="row" data-page="code">
|
300
118
|
<div class="large-12 column">
|
data/assets/sass/_edge.scss
CHANGED
data/assets/sass/_edgemail.scss
CHANGED
data/assets/sass/edge/_base.scss
CHANGED
@@ -97,7 +97,7 @@ $body-line-height : 1.5 !default;
|
|
97
97
|
// -------------------
|
98
98
|
$mini-screen : 480px !default;
|
99
99
|
$small-screen : 767px !default;
|
100
|
-
$medium-screen :
|
100
|
+
$medium-screen : 1120px !default;
|
101
101
|
$large-screen : 1440px !default;
|
102
102
|
$retina-screen : 192dpi !default;
|
103
103
|
|
@@ -2,10 +2,12 @@
|
|
2
2
|
// EDGE GRID
|
3
3
|
// =============
|
4
4
|
|
5
|
-
$row-max-width :
|
5
|
+
$row-max-width : $medium-screen !default;
|
6
6
|
$total-columns : 12 !default;
|
7
7
|
$column-gutter : 20px !default;
|
8
8
|
|
9
|
+
$adaptive-breakpoints : $medium-screen, $small-screen !default;
|
10
|
+
|
9
11
|
// Calculate percentages for grid
|
10
12
|
@function gridCalc($colNumber, $totalColumns) {
|
11
13
|
// If column specified is not fraction
|
@@ -42,19 +44,32 @@ $column-gutter : 20px !default;
|
|
42
44
|
@if not $responsive {
|
43
45
|
min-width: $width + $gutter;
|
44
46
|
}
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
47
|
+
|
48
|
+
// ---------
|
49
|
+
// ADAPTIVE
|
50
|
+
// ---------
|
51
|
+
@if $adaptive and $responsive {
|
52
|
+
|
53
|
+
@for $i from 1 through length($adaptive-breakpoints) {
|
54
|
+
// get current breakpoint
|
55
|
+
$bp : nth($adaptive-breakpoints, $i);
|
56
|
+
$next-width : null;
|
57
|
+
|
58
|
+
// if last item
|
59
|
+
@if $i == length($adaptive-breakpoints) {
|
60
|
+
$next-width: 100%;
|
61
|
+
} @else {
|
62
|
+
$next-width : nth($adaptive-breakpoints, $i + 1) - $gutter;
|
63
|
+
}
|
64
|
+
|
65
|
+
@include below($bp) {
|
66
|
+
width: $next-width;
|
67
|
+
}
|
52
68
|
}
|
53
69
|
|
54
|
-
@include below(small) {
|
55
|
-
min-width: 0;
|
56
|
-
}
|
57
70
|
}
|
71
|
+
|
72
|
+
@include clearfix;
|
58
73
|
}
|
59
74
|
|
60
75
|
// Nested and collapsed
|
@@ -26,6 +26,7 @@ $h6-font-size : 16px !default;
|
|
26
26
|
|
27
27
|
$header-font-color : $body-font-color !default;
|
28
28
|
$header-font-weight : 700 !default;
|
29
|
+
$header-line-height : 1 !default;
|
29
30
|
|
30
31
|
// LIST
|
31
32
|
$ul-parent-style : disc !default;
|
@@ -119,6 +120,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
119
120
|
color: $header-font-color;
|
120
121
|
font-family: $header-font-family;
|
121
122
|
font-weight: $header-font-weight;
|
123
|
+
line-height: $header-line-height;
|
122
124
|
}
|
123
125
|
|
124
126
|
a {
|
@@ -141,18 +143,9 @@ p {
|
|
141
143
|
// LIST
|
142
144
|
// -----------
|
143
145
|
|
144
|
-
.inline-list {
|
145
|
-
@include inline-list();
|
146
|
-
}
|
147
|
-
|
148
146
|
ul {
|
149
147
|
list-style-type: $ul-parent-style;
|
150
148
|
padding-left: 20px;
|
151
|
-
|
152
|
-
&[class] {
|
153
|
-
list-style-type: none;
|
154
|
-
padding-left: 0;
|
155
|
-
}
|
156
149
|
|
157
150
|
ul {
|
158
151
|
list-style-type: $ul-child-style;
|
@@ -1,26 +1,6 @@
|
|
1
1
|
@import "../sass/edge/base";
|
2
2
|
@import "../sass/edge/helpers";
|
3
3
|
|
4
|
-
@mixin crow(
|
5
|
-
$gutter: 0,
|
6
|
-
$collapse: 0,
|
7
|
-
$width: 0
|
8
|
-
) {
|
9
|
-
|
10
|
-
}
|
11
|
-
|
12
|
-
@mixin ccolumn(
|
13
|
-
$size: 0,
|
14
|
-
$small: 0,
|
15
|
-
$mini: 0,
|
16
|
-
$offset: 0,
|
17
|
-
$gutter: 0,
|
18
|
-
$collapse: false,
|
19
|
-
$centered: false
|
20
|
-
) {
|
21
|
-
|
22
|
-
}
|
23
|
-
|
24
4
|
.custom-grid {
|
25
5
|
@include column(3);
|
26
6
|
}
|
data/edge.gemspec
CHANGED
@@ -9,7 +9,7 @@ Gem::Specification.new do |s|
|
|
9
9
|
s.description = %q{Lightweight SASS Framework}
|
10
10
|
s.summary = %q{Lightweight SASS Framework for creating website from scratch}
|
11
11
|
|
12
|
-
s.homepage = "http://edge.
|
12
|
+
s.homepage = "http://edge.thesyne.com"
|
13
13
|
s.license = "MIT"
|
14
14
|
|
15
15
|
s.files = `git ls-files`.split($/)
|
data/lib/edge/version.rb
CHANGED