edge_framework 2.0.0.a → 2.0.0

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MzA0MjNiYmRmZDFkOGNiODdhMTZjNzNjNTY4NWY2ZTczYTkwMjUzMg==
+    OGExZTRhN2EwM2U1NzVhOTEwZmY3NGZiZTUxYWVkYWMxZTk2YWViZQ==
   data.tar.gz: !binary |-
-    MTc3MjAzMjEyYjg3NjBmNzlkZjNhMWRhOTU0ZjQwMzUwZWY4MWNjYg==
+    OGU0YjA3YzcwNDU1MTBhOGVmZmUyNmU5NDM0MDY1YmI5YzA1ZjdiMA==
 SHA512:
   metadata.gz: !binary |-
-    YjFiOGI5YTVhZjgxOGE4NDVmYzVjNDZiNDJlODFjYWRmNWU1ODMzOWU0OTQx
-    N2MwYWYzOWY4MjYzYWI4MzVmNzY5ZDQzMTk2NjUyNTM2MGU0OGE2NWE4MDk2
-    OTYxZDFiNDZjOTZkM2EwYWY0NDAzMjA4NWE1M2E2M2IxNDViYzc=
+    NWQ5YjRiNDBhMmYyZWIyYzIxZTUyOTBiNDVmZTE1ZjY4ZWE2NTJmNmI3NWYy
+    MmM5NzkyNmRkYWYxOWJkOWE2Yzk5YjBiNWZhODU1NWI1Zjk5MTY3NGJhNmU5
+    MzQ3OWNkMzQ2MzA2YTJiNWIxODkxYzRkN2MzOTdmZGE3YjU5YmI=
   data.tar.gz: !binary |-
-    YTNmMTM5NDYzZTZiNDA5YzA0NDhkNWFiZjcxZTlhY2VmNGQ5YWY0ZTMyZmZj
-    NjhlMmVjNmVjZGVjMzM3NDgwNTI1YTZmZTNlZGNhN2ZhMTdjZTg1ODEyYWQw
-    YmYxNGVjYTEwZDU4MGZjYmU0NzVlNzk4MDlhN2RmZTEzNzVhOWU=
+    ZGIxNTVmMjFkMDVlM2UwNzViMjM3YmE5NmZlNzllYmY4YmI2YTlkNzFjNzkw
+    NWEzNmZmMTQ0MTQzYTU1OGIyMWRlM2IyZmIyNWMwMTU1ZDljZTg3MjJlZDRj
+    ZjE1YWZjMWI1NDdlMjkxYWZiYzJkNGY3ZTdkYTgyMmQ2YTQyMzY=

data/README.md

@@ -23,7 +23,7 @@ INSTALLATION
 
 **PC**
 
-[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):
+[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):
 
     gem install edge_framework
 
@@ -177,31 +177,6 @@ Just like row, you can collapse it:
 
 - Don't add your own styling to the tile or ti element.
 
-TYPOGRAPHY
-======================
-
-Outside of CSS reset, we don't offer much feature regarding Typography.
-
-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`.
-
-Without class
-
-    <ul>...<ul>
-    
-    Result:
-    • List 1
-    • List 2
-    • List 3
-
-With any class
-
-    <ul class="something">...</ul>
-  
-    Result:
-    List 1
-    List 2
-    List 3
-
 WORDPRESS
 ====================
 

data/assets/kitchensink.html

@@ -24,117 +24,6 @@
 <!-- <header class="top-bar">
   </header> -->
 
-
-<!--   <div class="row" data-page="vertical-rhythm">
-    <div class="large-12 column">
-      <article class="blog-post baseline">
-        <div class="row">
-          <div class="large-6 column">
-            <div class="typo-wrapper">
-              <h1>Unordered List</h1>
-              <ul class="bullet-list">
-                <li>Lorem ipsum dolor sit</li>
-                <li>
-                  Consectetur adipisicing elit
-                  <ul class="bullet-list">
-                    <li>Necessitatibus, ex assumenda veniam ullam</li>
-                    <li>Ametharum labore deserunt quidem</li>
-                  </ul>
-                </li>
-                <li>Consequatur ipsum a aut iusto tempore</li>
-                <li>Impedit sint nulla nobis suscipit rem aspernatur</li>
-              </ul>
-            </div>
-          </div>
-          <div class="large-6 column">
-            <div class="typo-wrapper">
-              <h1>Ordered List</h1>
-              <ol>
-                <li>Lorem ipsum dolor sit.</li>
-                <li> Eligendi, eos, voluptates, ducimus fugit
-                  <ol>
-                    <li>Tempora minus iusto veniam veritatis ea</li>
-                    <li>Perspiciatis sequi et incidunt</li>
-                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
-                  </ol>
-                </li>
-                <li>Consequuntur assumenda nesciunt</li>
-                <li>Consectetur adipisicing elit</li>
-              </ol>
-            </div>
-          </div>
-        </div>
-        <div class="row">
-          <div class="large-6 small-9 column">
-            <h1>Lorem ipsum dolor sit amet.</h1>
-            <p>
-              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!
-            </p>
-            <p>
-              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.
-            </p>
-            <blockquote>
-              Lorem ipsum dolor sit amet
-            </blockquote>
-            <p>
-              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?
-            </p>
-            <table>
-              <thead>
-                <tr>
-                  <th>No</th>
-                  <th>Product</th>
-                  <th>Price</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Fried Rice</td>
-                  <td>5.00</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Ayam Penyet</td>
-                  <td>7.0</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Something random</td>
-                  <td>9.0</td>
-                </tr>
-              </tbody>
-            </table>
-            <p>
-              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.
-            </p>
-          </div>
-          <div class="large-3 small-3 column">
-            <div class="sidebar">
-              <h2>SIDEBAR</h2>
-              <p>
-                <em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, autem.</em>
-              </p>
-              <h3>MENU</h3>
-              <p>Select your dishes</p>
-              <ul class="bullet-list">
-                <li>Dolorum, rerum, minima</li>
-                <li>Laboriosam in atque</li>
-                <li>Quo, provident</li>
-                <li>Consectetur adipisicing</li>
-                <li>Architecto excepturi</li>
-              </ul>
-              <p>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, pariatur sunt ea adipisci eius dolorum aspernatur asperiores alias laudantium optio.
-              </p>
-            </div>
-            
-          </div>
-        </div>
-      </article>
-    </div>
-  </div>  -->
-
 <!--  <section class="row" data-page="animate">
     <div class="large-12 column">
       <div class="box1" data-animate="fadein 500"></div>
@@ -224,77 +113,6 @@
     </div>
   </div> -->
 
-<!--  <div class="row" data-page="vr-comparison">
-    <div class="large-6 column">
-      <article class="baseline-comparison">
-        <h1>Lorem ipsum dolor sit amet.</h1>
-        <p>
-          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!
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, illum?
-        </p>
-        <ul class="bullet-list">
-          <li>Lorem ipsum dolor sit</li>
-          <li>
-            Consectetur adipisicing elit
-            <ul class="bullet-list">
-              <li>Necessitatibus, ex assumenda veniam ullam</li>
-              <li>Ametharum labore deserunt quidem</li>
-            </ul>
-          </li>
-          <li>Consequatur ipsum a aut iusto tempore</li>
-          <li>Impedit sint nulla nobis suscipit rem aspernatur</li>
-        </ul>
-        <h2>Explicabo consectetur vero</h2>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed deserunt veritatis temporibus voluptates voluptatibus deleniti quia laudantium in accusantium.
-        </p>
-        <blockquote>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, earum, deleniti repellat quam aspernatur delectus perspiciatis vel necessitatibus sunt veritatis.
-          <cite>written by Henner</cite>
-        </blockquote>
-        <p>
-          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.
-        </p>
-      </article>
-    </div>
-    <div class="large-6 column">
-      <article class="baseline-comparison has-vr">
-        <h1>Lorem ipsum dolor sit amet.</h1>
-        <p>
-          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!
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, illum?
-        </p>
-        <ul class="bullet-list">
-          <li>Lorem ipsum dolor sit</li>
-          <li>
-            Consectetur adipisicing elit
-            <ul class="bullet-list">
-              <li>Necessitatibus, ex assumenda veniam ullam</li>
-              <li>Ametharum labore deserunt quidem</li>
-            </ul>
-          </li>
-          <li>Consequatur ipsum a aut iusto tempore</li>
-          <li>Impedit sint nulla nobis suscipit rem aspernatur</li>
-        </ul>
-        <h2>Explicabo consectetur vero</h2>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed deserunt veritatis temporibus voluptates voluptatibus deleniti quia laudantium in accusantium.
-        </p>
-        <blockquote>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, earum, deleniti repellat quam aspernatur delectus perspiciatis vel necessitatibus sunt veritatis.
-          <cite>written by Henner</cite>
-        </blockquote>
-        <p>
-          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.
-        </p>
-      </article>
-    </div>
-  </div> -->
-
 <!-- 
 <div class="row" data-page="code">
   <div class="large-12 column">

data/assets/sass/_edge.scss

@@ -1,7 +1,7 @@
 /* --------------------
 - EDGE Framework
-- edge.setyono.net
-- v2.0.0.beta (Gondar)
+- edge.thesyne.com
+- v2.0.0 (Gondar)
 --------------------- */
 
 @import "edge/base";

data/assets/sass/_edgemail.scss

@@ -1,6 +1,6 @@
 /* ----------------------------
 - EDGEMAIL Boilerplate
-- edge.setyono.net/email
+- edge.thesyne.com/email
 - v1.0.0 (Arc Warden)
 ---------------------------- */
 

data/assets/sass/edge/_base.scss

@@ -97,7 +97,7 @@ $body-line-height : 1.5 !default;
 // -------------------
 $mini-screen  : 480px !default;
 $small-screen : 767px !default;
-$medium-screen : 1000px !default;
+$medium-screen : 1120px !default;
 $large-screen  : 1440px !default;
 $retina-screen : 192dpi !default;
 

data/assets/sass/edge/components/_grid.scss

@@ -2,10 +2,12 @@
 // EDGE GRID
 // =============
 
-$row-max-width   : 1140px !default;
+$row-max-width   : $medium-screen !default;
 $total-columns   : 12 !default;
 $column-gutter   : 20px !default;
 
+$adaptive-breakpoints : $medium-screen, $small-screen !default;
+
 // Calculate percentages for grid
 @function gridCalc($colNumber, $totalColumns) {
   // If column specified is not fraction
@@ -42,19 +44,32 @@ $column-gutter   : 20px !default;
     @if not $responsive {
       min-width: $width + $gutter;
     }
-    @include clearfix;
-
-    @if $adaptive {
-      @if $collapse {
-        min-width: $width + $gutter;
-      } @else {
-        min-width: $width + $gutter;
+    
+    // ---------
+    // ADAPTIVE
+    // ---------
+    @if $adaptive and $responsive {
+      
+      @for $i from 1 through length($adaptive-breakpoints) {
+        // get current breakpoint
+        $bp : nth($adaptive-breakpoints, $i);
+        $next-width : null;
+
+        // if last item
+        @if $i == length($adaptive-breakpoints) {
+          $next-width: 100%;
+        } @else {
+          $next-width : nth($adaptive-breakpoints, $i + 1) - $gutter;
+        }
+
+        @include below($bp) {
+          width: $next-width;
+        }
       }
 
-      @include below(small) {
-        min-width: 0;
-      }
     }
+
+    @include clearfix;
   }
 
   // Nested and collapsed

data/assets/sass/edge/components/_tile.scss

@@ -3,7 +3,7 @@
 // ==============
 
 $max-tiles   : 12 !default;
-$tile-gutter : 15px !default;
+$tile-gutter : 20px !default;
 
 // ------------------------------
 // BASE TILE

data/assets/sass/edge/components/_typography.scss

@@ -26,6 +26,7 @@ $h6-font-size : 16px !default;
 
 $header-font-color  : $body-font-color !default;
 $header-font-weight : 700 !default;
+$header-line-height : 1 !default;
 
 // LIST
 $ul-parent-style  : disc !default;
@@ -119,6 +120,7 @@ h1, h2, h3, h4, h5, h6 {
   color: $header-font-color;
   font-family: $header-font-family;
   font-weight: $header-font-weight;
+  line-height: $header-line-height;
 }
 
 a {
@@ -141,18 +143,9 @@ p {
 // LIST
 // -----------
 
-.inline-list {
-  @include inline-list();
-}
-
 ul {
   list-style-type: $ul-parent-style;
   padding-left: 20px;
-  
-  &[class] {
-    list-style-type: none;
-    padding-left: 0;
-  }
 
   ul {
     list-style-type: $ul-child-style;

data/assets/test/kitchensink.scss

@@ -1,26 +1,6 @@
 @import "../sass/edge/base";
 @import "../sass/edge/helpers";
 
-@mixin crow(
-  $gutter: 0,
-  $collapse: 0,
-  $width: 0
-) {
-  
-}
-
-@mixin ccolumn(
-  $size: 0,
-  $small: 0,
-  $mini: 0,
-  $offset: 0,
-  $gutter: 0,
-  $collapse: false,
-  $centered: false
-) {
-
-}
-
 .custom-grid {
   @include column(3);
 }

data/edge.gemspec

@@ -9,7 +9,7 @@ Gem::Specification.new do |s|
   s.description   = %q{Lightweight SASS Framework}
   s.summary       = %q{Lightweight SASS Framework for creating website from scratch}
 
-  s.homepage      = "http://edge.setyono.net"
+  s.homepage      = "http://edge.thesyne.com"
   s.license       = "MIT"
 
   s.files         = `git ls-files`.split($/)

data/lib/edge/version.rb

@@ -1,4 +1,4 @@
 module Edge
-  VERSION = "2.0.0.a"
+  VERSION = "2.0.0"
   CODENAME = "Gondar"
 end

data/template/base/assets/js/app.js

@@ -7,8 +7,6 @@ var app = {
   doSomething2: function(e) {},
 };
 
-
-
 function start() {
   app.init();
 }