edge_framework 1.2.3 → 1.2.4

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    NmM1NjExZjRhOWU0NDkwMTVmMWM3NDdjMjhlNzM3MTBjN2U3MWI3Zg==
+    ZTFmMWE5YThmNmEwZjE4YjUxNDc3YTJmMjllZDlhZDBjODY2ZGFiYw==
   data.tar.gz: !binary |-
-    ZjZkMzY2MzNmYWUzOTI0M2MxZTIyNmUyNjFjODk3ZjJhNzY5NTJlYw==
+    N2U3NWRkNDY5ZGFhYjgwMTc0ZDgzODkzZjk2NDAzZmY2N2FlZmE3ZQ==
 SHA512:
   metadata.gz: !binary |-
-    MWMwNzUzZDA1Yzc5NTViOGZhNDVmMGE1ODkzNTY1MWNmMjFlNTM1YjA5ZGIw
-    ODA5ZWU5MWExNjYzNTdjNzUyN2FlNWY4N2Q0YzlkMDU4NTc0ZDM0ZGRkMDA5
-    YmMwZjYwNDk2MTJlMTFkZjRlMTBjN2VjNjMyMzAzZGZjNzBjNTI=
+    YjRlMGI4NzliMzgzMDI5MDg1NGI2ZTQwYjMzY2MzM2VkY2YzZTJlZWE3NWNj
+    NjZmZTQ0YzNiZjY0NmExNTBiZTY3Yzg4M2E3ZmNhMDZmYzEyNTZlOWFiNjIx
+    MDQyZjhmMmU2MWFkN2JlYmU2NDkzNzk4ODNmOTE5ODQxODc0OWQ=
   data.tar.gz: !binary |-
-    Nzc2MjQ4NzJkNGZkNTE0MzlhZDI4YWI1MmYzYzM5YTAwMmRjM2NmMGE1N2E0
-    YzJlNThmNWJiMDE3ZWFiYmYxMmJiNTI3MmY4YTEyYTkyYTk2Y2Q5YTJjMDUw
-    OWY1YmUxNjdiNjZkOGRjYzA1ZDg3MmViOWMzNzNkMjE1ZGEzNTg=
+    Zjg0M2QyYzhhNjUxN2JhODViYTIxNTUyY2YxMTUyYmEwMzNiZTVjNWZhOGVh
+    MGNhOWRhNjk0NjJjYzlmMTU1M2FjYjgwNzA3MjJhZDkxMWI0NjMxNmVkMzYw
+    NzQ3OGM2ODdiY2VkZDViMDNiNDAyMjdhYmE2Y2QwNzYxMmFhYTM=

data/README.md

@@ -346,6 +346,7 @@ The icon name is taken from [melchoyce.github.io/dashicons/](http://melchoyce.gi
 To enable custom WP Query, create a class with the Post Type's name that extends `Post`.
 
     // still inside functions.php
+
     class Product extends Post {}
     class Event extends Post {}
 
@@ -364,9 +365,9 @@ Based on the example above, create `single-product.php` for single **Product** t
 Naming Convention
 -----------------
 
-All names must be **singular** and no special character.
+All names must be **singular**.
 
-Space is the only one allowed but its class name is the **combined words**. 
+No special character except space. If contain space, the class' name should be its combined word and no camel casing.
 
     add_post_type("Photo Gallery", "format-gallery");
 
@@ -631,12 +632,10 @@ RAILS
 
 Gemfile:
 
-    gem 'sass', '= 3.2.14'
+    gem 'sass'
     gem 'sass-rails', '~> 4.0.0'
     gem 'compass-rails'
-    gem 'edge_framework'
-
-The latest version of Sass (3.3.x) is not compatible with latest Compass (0.12.x). So until they fixed it, use Sass version 3.2.14
+    gem 'edge_framework', '~> 1.2'
 
 Template generator:
 

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

@@ -2,7 +2,7 @@
 // EDGE FORM 
 // ============
 
-$input-padding       : em(10px);
+$input-padding       : 10px;
 $input-border-style  : 1px solid;
 $input-border-color  : $passive-color;
 

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

@@ -210,7 +210,7 @@ $column-gutter   : 20px !default;
       @include below(small) {
         @include base-column($size:$small, $total:$total);
       }
-    } @else { // else, become 100% width on small
+    } @else if $responsive { // else, become 100% width on small screen (if responsive)
       @include below(small) {
         @include base-column($size:$total, $total:$total);
       }
@@ -290,6 +290,12 @@ $column-gutter   : 20px !default;
   EDGE Grid
 ------------ */
 
+@if not $responsive {
+  body {
+    min-width: $row-max-width + ($column-gutter * 2);
+  }
+}
+
 // Normal row
 .row {
   @include base-row($for-base:true);

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

@@ -122,6 +122,7 @@ audio:not([controls]) { display: none; height: 0; }
 
 abbr[title] { border-bottom: 1px dotted; }
 dfn { font-style: italic; }
+address, cite { font-style: normal; }
 
 mark { background: #ff0; color: #000; }
 code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

data/edge.gemspec

@@ -18,6 +18,7 @@ Gem::Specification.new do |s|
 
   s.add_dependency "sass", "~> 3.2"
   s.add_dependency "compass", "~> 0.12"
+  s.add_dependency "premailer", "~> 1.8"
 
   s.add_development_dependency "bundler", "~> 1.3"
   s.add_development_dependency "rake", "~> 10.3"

data/lib/edge/version.rb

@@ -1,4 +1,4 @@
 module Edge
-  VERSION = "1.2.3"
+  VERSION = "1.2.4"
   CODENAME = "Ezalor"
 end

data/template/base/config.rb

@@ -1,5 +1,7 @@
+gem "edge_framework", "~> 1.2"
 require "edge_framework"
 
+
 http_path       = "/"
 css_dir         = "assets/css"
 images_dir      = "assets/img"

data/template/email/index.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Untitled</title>
+  <style type="text/css" data-premailer="ignore">
+    /* Reset */
+    #outlook a { padding: 0; }
+    body { width: 100% !important; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+    .ExternalClass { width: 100%; }
+    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
+
+    #backgroundTable {margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; }
+      
+    /* Image - remove spacing */
+    img { outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
+    a img { border: none; }
+    .image-fix { display: block; }
+    
+    /* Yahoo */
+    p { margin: 1em 0; }
+
+    /* Hotmail reset */
+    h1, h2, h3, h4, h5, h6 { color: black !important; }
+    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
+    h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: red !important; }
+    h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
+
+    /* Outlook 2007 and 2010 */
+    table td { border-collapse: collapse; }
+    table { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
+
+    /* NOTE: To properly use @media queries and play nice with yahoo mail, use attribute selectors in place of class, id declarations.
+    table[class=classname]
+    Read more: http://www.campaignmonitor.com/blog/post/3457/media-query-issues-in-yahoo-mail-mobile-email/
+    */
+    @media only screen and (max-device-width: 480px) {
+
+      /* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from linking other numbers that look like, but are not phone numbers.  Use these two blocks of code to "unstyle" any numbers that may be linked.  The second block gives you a class to apply with a span tag to the numbers you would like linked and styled.
+
+      Inspired by Campaign Monitor's article on using phone numbers in email: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/.
+
+      Step 1 (Step 2: line 224)
+      */
+      a[href^="tel"], a[href^="sms"] {
+            text-decoration: none;
+            color: black; /* or whatever your want */
+            pointer-events: none;
+            cursor: default;
+          }
+
+      .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
+            text-decoration: default;
+            color: orange !important; /* or whatever your want */
+            pointer-events: auto;
+            cursor: default;
+          }
+    }
+
+    /* More Specific Targeting */
+
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+      /* You guessed it, ipad (tablets, smaller screens, etc) */
+
+      /* Step 1a: Repeating for the iPad */
+      a[href^="tel"], a[href^="sms"] {
+            text-decoration: none;
+            color: blue; /* or whatever your want */
+            pointer-events: none;
+            cursor: default;
+          }
+
+      .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
+            text-decoration: default;
+            color: orange !important;
+            pointer-events: auto;
+            cursor: default;
+          }
+    }
+
+    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
+      /* Put your iPhone 4g styles in here */
+    }
+
+    /* Following Android targeting from:
+    http://developer.android.com/guide/webapps/targeting.html
+    http://pugetworks.com/2011/04/css-media-queries-for-targeting-different-mobile-devices/  */
+    @media only screen and (-webkit-device-pixel-ratio:.75){
+      /* Put CSS for low density (ldpi) Android layouts in here */
+    }
+    @media only screen and (-webkit-device-pixel-ratio:1){
+      /* Put CSS for medium density (mdpi) Android layouts in here */
+    }
+    @media only screen and (-webkit-device-pixel-ratio:1.5){
+      /* Put CSS for high density (hdpi) Android layouts in here */
+    }
+    /* end Android targeting */
+  </style>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: edge_framework
 version: !ruby/object:Gem::Version
-  version: 1.2.3
+  version: 1.2.4
 platform: ruby
 authors:
 - Henner Setyono
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-18 00:00:00.000000000 Z
+date: 2014-06-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -38,6 +38,20 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: '0.12'
+- !ruby/object:Gem::Dependency
+  name: premailer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.8'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -140,6 +154,7 @@ files:
 - template/base/config.rb
 - template/base/gitignore
 - template/base/robots.txt
+- template/email/index.html
 - template/html/index.html
 - template/rails/app.js
 - template/rails/application.html.erb