middleman-ganbaruzoi 0.0.8 → 0.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e7834d84d4a1f155c950a194ca1103aa4ad463de
-  data.tar.gz: c73946b9d34194f3d8b36420784c2c0ab527c97d
+  metadata.gz: f8431aeb251c3d7fcfbb917ef6e31fb3c63f3a38
+  data.tar.gz: 53c4c2842a1a1ba1607e436714ee75b36ea3f812
 SHA512:
-  metadata.gz: 7dae14d327f5cd0ab43669690534ae2a18c173cda275b8c1d08aca383a3797e2ab44812dc8df2a8abf38dea952eaaafdea1a12ae4e0700cd263b0af2c421dd8f
-  data.tar.gz: 3c59cda22b4aac8a71dce43d80883f2525665fda528b8cb683ded486cdfc1947d955c9260b1b9742a2386537f4340d02c4ea18d6b1818f0eba64fc482e529605
+  metadata.gz: 7266a60093c59da2f10ec5e407cc6440ddb08ba37794a6453c5fa82a098be719e663d61b9108bb90e0d1af17b0c021539c6ecb18cc5b9d775ac541edcac4d8c7
+  data.tar.gz: e765117ef73def4bd3eeb88aa3de14bc06ff03907b74bda93f4932148434dbfd8a4c9ae3185ac301406fb68f8742156a90b59bd802fc66947423b9f1b7f119be

data/README.md

@@ -7,29 +7,31 @@ Middleman-Ganbaruzoi is a boilerplate of middleman using using Slim, Sass and Co
 <img src="http://f.cl.ly/items/00201Z12410h1W2N0r2j/%E5%86%99%E7%9C%9F%202014-06-07%2022%2011%2032_1.png" width="450" alt="今日も一日がんばるぞい！">
 
 
-## Ready:
+## Feature
 
-* Slim
-* Sass(SASS) + Compass
-* CoffeeScript
-* CSS Autoprefixer
-* LiveReload
+* Middlemanの初期設定がだいたい済んだ感じですぐに開発を始められる
+  - ベンダープレフィックスが自動で付与される
+  - LiveReloadでファイルを保存するとブラウザが自動でリロードする
+  - GitHub Pagesへのデプロイが簡単
+* Slim + Sass(SASS) + CoffeeScriptで開発ができる
+  - Sassは[Bourbon](http://bourbon.io/) & [Neat](http://neat.bourbon.io/)の使用を前提とした構成
 
 
-## Install
+## How to Use
+### Set Up
 
-	$ gem install middleman 
-	
-	$ gem install middleman-ganbaruzoi
-	
-	$ middleman init project_name --template ganbaruzoi
+    $ gem install middleman middleman-ganbaruzoi
+    $ mkdir xxxxx
+    $ cd xxxxx
+    $ middleman init . --template ganbaruzoi        
 
+### Develop
 
-## Run
+    $ middleman server
 
-	$ cd  project_name
-	
-	$ middleman server
+### Build
+
+    $ middleman build
 
 
 ## Author
@@ -42,25 +44,4 @@ Web Designer in Kyoto, Japan.
 * [Twitter](https://twitter.com/ryo_dg)
 * [JAYPEG](https://jypg.net/ryo_dg)
 * [Dribbble](https://dribbble.com/ryo_dg)
-* [GitHub](https://github.com/ryonakae)
-
-
-## Change Log
-
-### 0.0.4 (2014-08-18)
-
-* `js/lib`ディレクトリの指定間違えてたので修正
-
-### 0.0.3 (2014-08-18)
-
-* `template.rb`の`js`ディレクトリの設定おかしかったので修正
-
-### 0.0.2 (2014-08-18)
-
-* `README.md`修正したやつをrubygems.orgに反映してなかったので、もうよく分からんのでアップデートした
-
-### 0.0.1 (2014-08-18)
-
-* RubyGem化(なのでバージョンは新たに0.0.1からスタート)
-* `layouts`以下のヘッダーやらのパーシャルファイルに、`_header.slim`のようにアンダースコアを先頭に追加した
-* `README.md`修正
+* [GitHub](https://github.com/ryonakae)

data/lib/middleman-ganbaruzoi/template.rb

@@ -5,19 +5,19 @@ module Middleman
 
     class Template < Middleman::Templates::Base
       class_option 'css_dir',
-        default: 'css',
+        default: 'assets/stylesheets',
         desc: 'The path to the css files'
+      class_option 'css_options_dir',
+        default: 'assets/stylesheets/options',
+        desc: 'The path to the css options files'
+      class_option 'css_variables_dir',
+        default: 'assets/stylesheets/variables',
+        desc: 'The path to the css variables files'
       class_option 'js_dir',
-        default: 'js',
+        default: 'assets/javascripts',
         desc: 'The path to the javascript files'
-      class_option 'js_core_dir',
-        default: 'js/core',
-        desc: 'The path to the javascript core files'
-      class_option 'js_lib_dir',
-        default: 'js/lib',
-        desc: 'The path to the javascript library files'
       class_option 'images_dir',
-        default: 'img',
+        default: 'assets/images',
         desc: 'The path to the image files'
 
       def self.source_root
@@ -27,32 +27,26 @@ module Middleman
       def build_scaffold
         template 'shared/Gemfile', File.join(location, 'Gemfile')
         template 'shared/config.rb', File.join(location, 'config.rb')
+
         copy_file 'source/index.html.slim', File.join(location, 'source/index.html.slim')
         copy_file 'source/layouts/layout.slim', File.join(location, 'source/layouts/layout.slim')
-        copy_file 'source/layouts/_header.slim', File.join(location, 'source/layouts/_header.slim')
-        copy_file 'source/layouts/_footer.slim', File.join(location, 'source/layouts/_footer.slim')
-        copy_file 'source/layouts/_script.slim', File.join(location, 'source/layouts/_script.slim')
+        copy_file 'source/partial/_header.slim', File.join(location, 'source/partial/_header.slim')
+        copy_file 'source/partial/_footer.slim', File.join(location, 'source/partial/_footer.slim')
+        copy_file 'source/partial/_script.slim', File.join(location, 'source/partial/_script.slim')
 
         empty_directory File.join(location, 'source', options[:css_dir])
-        copy_file 'source/css/style.sass', File.join(location, 'source', options[:css_dir], 'style.sass')
-        copy_file 'source/css/_grid.sass', File.join(location, 'source', options[:css_dir], '_grid.sass')
-        copy_file 'source/css/_media-queries.sass', File.join(location, 'source', options[:css_dir], '_media-queries.sass')
-        copy_file 'source/css/_mixin.sass', File.join(location, 'source', options[:css_dir], '_mixin.sass')
-        copy_file 'source/css/_module.sass', File.join(location, 'source', options[:css_dir], '_module.sass')
-        copy_file 'source/css/_normalize.scss', File.join(location, 'source', options[:css_dir], '_normalize.scss')
-        copy_file 'source/css/_variable.sass', File.join(location, 'source', options[:css_dir], '_variable.sass')
+        copy_file 'source/assets/stylesheets/style.sass', File.join(location, 'source', options[:css_dir], 'style.sass')
+        copy_file 'source/assets/stylesheets/_mixin.sass', File.join(location, 'source', options[:css_dir], '_mixin.sass')
+
+        empty_directory File.join(location, 'source', options[:css_options_dir])
+        copy_file 'source/assets/stylesheets/options/_normalize.scss', File.join(location, 'source', options[:css_options_dir], '_normalize.scss')
+
+        empty_directory File.join(location, 'source', options[:css_variables_dir])
+        copy_file 'source/assets/stylesheets/variables/_color.scss', File.join(location, 'source', options[:css_variables_dir], '_color.scss')
+        copy_file 'source/assets/stylesheets/variables/_common.sass', File.join(location, 'source', options[:css_variables_dir], '_common.sass')
 
         empty_directory File.join(location, 'source', options[:js_dir])
-        copy_file 'source/js/all.js.coffee', File.join(location, 'source', options[:js_dir], 'all.js.coffee')
-        empty_directory File.join(location, 'source', options[:js_core_dir])
-        copy_file 'source/js/core/jquery-1.11.1.min.js', File.join(location, 'source', options[:js_core_dir], 'jquery-1.11.1.min.js')
-        copy_file 'source/js/core/jquery-2.1.1.min.js', File.join(location, 'source', options[:js_core_dir], 'jquery-2.1.1.min.js')
-        copy_file 'source/js/core/jquery.easing-1.3.min.js', File.join(location, 'source', options[:js_core_dir], 'jquery.easing-1.3.min.js')
-        copy_file 'source/js/core/jquery.transit-0.99.min.js', File.join(location, 'source', options[:js_core_dir], 'jquery.transit-0.99.min.js')
-        empty_directory File.join(location, 'source', options[:js_lib_dir])
-        copy_file 'source/js/lib/cssua.min.js', File.join(location, 'source', options[:js_lib_dir], 'cssua.min.js')
-        copy_file 'source/js/lib/modernizr.min.js', File.join(location, 'source', options[:js_lib_dir], 'modernizr.min.js')
-        copy_file 'source/js/lib/retina.min.js', File.join(location, 'source', options[:js_lib_dir], 'retina.min.js')
+        copy_file 'source/assets/javascripts/all.js.coffee', File.join(location, 'source', options[:js_dir], 'all.js.coffee')
 
         empty_directory File.join(location, 'source', options[:images_dir])
       end

data/lib/middleman-ganbaruzoi/template/shared/Gemfile

@@ -1,8 +1,10 @@
 source 'http://rubygems.org'
 
 gem "middleman", "~><%= Middleman::VERSION %>"
-gem "middleman-livereload", "~> 3.1.0"
-gem "slim", "~> 2.0.3"
+gem "middleman-autoprefixer", ">= 2.4.3"
+gem "slim", ">= 2.0"
+gem "bourbon", ">= 4.2.0"
+gem "neat", ">= 1.7.1"
 
-gem "middleman-autoprefixer"
+gem "middleman-livereload"
 gem "middleman-deploy"

data/lib/middleman-ganbaruzoi/template/shared/config.rb

@@ -56,10 +56,10 @@ end
 require 'slim'
 set :slim, { :pretty => true, :sort_attrs => false, :format => :html5 }
 
-set :css_dir, 'css'
-set :js_dir, 'js'
-set :images_dir, 'img'
-set :fonts_dir, 'font'
+set :css_dir, 'assets/stylesheets'
+set :js_dir, 'assets/javascripts'
+set :images_dir, 'assets/images'
+set :fonts_dir, 'assets/fonts'
 
 # Build-specific configuration
 configure :build do
@@ -80,7 +80,7 @@ configure :build do
   # set :http_prefix, "/Content/images/"
 end
 
-# Deploy
+Deploy
 activate :deploy do |deploy|
   deploy.build_before = true
   deploy.method = :git

data/lib/middleman-ganbaruzoi/template/source/assets/javascripts/all.js.coffee

@@ -0,0 +1,11 @@
+#= require_tree .
+
+
+hello = ->
+  console.log('Hello World!')
+
+hello()
+
+
+# jQuery
+$ ->

data/lib/middleman-ganbaruzoi/template/source/assets/stylesheets/_mixin.sass

@@ -0,0 +1,22 @@
+// Font Size (rem)
+=rem-custom($size: 13)
+  font-size: $size + px
+  font-size: ($size / 10) + rem
+
+
+// Inline Block
+// Set Parent
+=inline-block-custom-parent
+  font-size: 0
+  letter-spacing: -1em
+  word-spacing: -1em
+
+// Set Child
+=inline-block-custom
+  display: inline-block
+  vertical-align: top
+  *display: inline
+  *zoom: 1
+  font-size: 1rem
+  letter-spacing: normal
+  word-spacing: normal

data/lib/middleman-ganbaruzoi/template/source/{css → assets/stylesheets/options}/_normalize.scss

@@ -1,15 +1,32 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/* ==========================================================================
+   Normalize.scss settings
+   ========================================================================== */
+/**
+ * Includes legacy browser support IE6/7
+ *
+ * Set to false if you want to drop support for IE6 and IE7
+ */
+
+$legacy_browser_support: false !default;
+
+/* Base
+   ========================================================================== */
 
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
+ *  user zoom.
+ * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+ *  `em` units.
  */
 
 html {
   font-family: sans-serif; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
+  @if $legacy_browser_support {
+    *font-size: 100%; /* 3 */
+  }
 }
 
 /**
@@ -25,7 +42,8 @@ body {
 
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
@@ -38,6 +56,7 @@ footer,
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -45,7 +64,7 @@ summary {
 }
 
 /**
- * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
 
@@ -55,10 +74,14 @@ progress,
 video {
   display: inline-block; /* 1 */
   vertical-align: baseline; /* 2 */
+  @if $legacy_browser_support {
+    *display: inline;
+    *zoom: 1;
+  }
 }
 
 /**
- * Prevent modern browsers from displaying `audio` without controls.
+ * Prevents modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 
@@ -85,16 +108,17 @@ template {
  */
 
 a {
-  background: transparent;
+  background-color: transparent;
 }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
 
-a:active,
-a:hover {
-  outline: 0;
+a {
+  &:active, &:hover {
+    outline: 0;
+  };
 }
 
 /* Text-level semantics
@@ -117,6 +141,12 @@ strong {
   font-weight: bold;
 }
 
+@if $legacy_browser_support {
+  blockquote {
+    margin: 1em 40px;
+  }
+}
+
 /**
  * Address styling not present in Safari and Chrome.
  */
@@ -135,8 +165,35 @@ h1 {
   margin: 0.67em 0;
 }
 
+@if $legacy_browser_support {
+  h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+  }
+
+  h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+  }
+
+  h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+  }
+
+  h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+  }
+
+  h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+  }
+}
+
 /**
- * Address styling not present in IE 8/9.
+ * Addresses styling not present in IE 8/9.
  */
 
 mark {
@@ -144,6 +201,36 @@ mark {
   color: #000;
 }
 
+@if $legacy_browser_support {
+
+  /**
+   * Addresses margins set differently in IE 6/7.
+   */
+
+  p,
+  pre {
+    *margin: 1em 0;
+  }
+
+  /*
+   * Addresses CSS quotes not supported in IE 6/7.
+   */
+
+  q {
+    *quotes: none;
+  }
+
+  /*
+   * Addresses `quotes` property not supported in Safari 4.
+   */
+
+  q:before,
+  q:after {
+    content: '';
+    content: none;
+  }
+}
+
 /**
  * Address inconsistent and variable font size in all browsers.
  */
@@ -172,15 +259,62 @@ sub {
   bottom: -0.25em;
 }
 
+@if $legacy_browser_support {
+
+  /* ==========================================================================
+     Lists
+     ========================================================================== */
+
+  /*
+   * Addresses margins set differently in IE 6/7.
+   */
+
+  dl,
+  menu,
+  ol,
+  ul {
+    *margin: 1em 0;
+  }
+
+  dd {
+    *margin: 0 0 0 40px;
+  }
+
+  /*
+   * Addresses paddings set differently in IE 6/7.
+   */
+
+  menu,
+  ol,
+  ul {
+    *padding: 0 0 0 40px;
+  }
+
+  /*
+   * Corrects list images handled incorrectly in IE 7.
+   */
+
+  nav ul,
+  nav ol {
+    *list-style: none;
+    *list-style-image: none;
+  }
+
+}
+
 /* Embedded content
    ========================================================================== */
 
 /**
- * Remove border when inside `a` element in IE 8/9/10.
+ * 1. Remove border when inside `a` element in IE 8/9/10.
+ * 2. Improves image quality when scaled in IE 7.
  */
 
 img {
   border: 0;
+  @if $legacy_browser_support {
+    *-ms-interpolation-mode: bicubic; /* 2 */
+  }
 }
 
 /**
@@ -222,6 +356,7 @@ pre {
 
 /**
  * Address odd `em`-unit font size rendering in all browsers.
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  */
 
 code,
@@ -229,6 +364,9 @@ kbd,
 pre,
 samp {
   font-family: monospace, monospace;
+  @if $legacy_browser_support {
+    _font-family: 'courier new', monospace;
+  }
   font-size: 1em;
 }
 
@@ -242,9 +380,10 @@ samp {
 
 /**
  * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
+ *  Known issue: affects color of disabled elements.
  * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ * 4. Improves appearance and consistency in all browsers.
  */
 
 button,
@@ -255,6 +394,10 @@ textarea {
   color: inherit; /* 1 */
   font: inherit; /* 2 */
   margin: 0; /* 3 */
+  @if $legacy_browser_support {
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+  }
 }
 
 /**
@@ -279,10 +422,12 @@ select {
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
+ *  and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
+ *  `input` and others.
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+ *  Known issue: inner spacing remains in IE 6.
  */
 
 button,
@@ -291,6 +436,9 @@ input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button; /* 2 */
   cursor: pointer; /* 3 */
+  @if $legacy_browser_support {
+    *overflow: visible;  /* 4 */
+  }
 }
 
 /**
@@ -322,17 +470,19 @@ input {
 }
 
 /**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
+ *  Known issue: excess padding remains in IE 6.
  */
 
 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
+  @if $legacy_browser_support {
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+  }
 }
 
 /**
@@ -349,7 +499,7 @@ input[type="number"]::-webkit-outer-spin-button {
 /**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
+ *  (include `-moz` to future-proof).
  */
 
 input[type="search"] {
@@ -383,11 +533,17 @@ fieldset {
 /**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ * 3. Corrects text not wrapping in Firefox 3.
+ * 4. Corrects alignment displayed oddly in IE 6/7.
  */
 
 legend {
   border: 0; /* 1 */
   padding: 0; /* 2 */
+  @if $legacy_browser_support {
+    white-space: normal; /* 3 */
+    *margin-left: -7px; /* 4 */
+  }
 }
 
 /**
@@ -422,4 +578,4 @@ table {
 td,
 th {
   padding: 0;
-}
+}