livingstyleguide 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fae7e3594785effaf052cd40fb0af960a3ce3937
-  data.tar.gz: 0b2130006b424a4476d33f617e4166fea533e7f3
+  metadata.gz: d9f9ec9a2f50a6012fce8d84f1fd0aef0c616d62
+  data.tar.gz: 0e7ad2d54e8f67764d00a47560dbd4df11e9deae
 SHA512:
-  metadata.gz: 89d6cfdad89b7f0a2bf36ec30fd671c38e53287d45888cc679604cbd645b510ec9463858c7eb264232f56945081e124e11de22c40a633abb4e2da055181e4295
-  data.tar.gz: 54580676a907f27ead8680565b07ba70af033bc1e55d5addd961dcf0d446b9e3223eaca62bc7cc908aeaf24a78c4e5258a8aa2e83ae481cc235f660905fa1605
+  metadata.gz: e5ac373b58c44cde3fb603723b725bd04ba93e414310380908e40b211261905d52d4652cdc38e625c6798529698a3c71e1bc7da47adaa1f4d412c26c50edce43
+  data.tar.gz: d51ea446407586d2c6d98135a8db635e24e65de31b75ea4ead48fa4f345a5c2a1d76b2f744492f053b65857f482554dc5481baea9ebef4c29abd7f57b2c3a800

data/lib/livingstyleguide/version.rb

@@ -1,3 +1,3 @@
 module LivingStyleGuide
-  VERSION = "1.0.2"
+  VERSION = '1.0.3'
 end

data/stylesheets/_livingstyleguide.scss

@@ -46,6 +46,32 @@ $livingstyleguide--color-swatches-per-line: 2 !default;
 $livingstyleguide--highlight-color: #f6ffa3 !default;
 $livingstyleguide--highlight-border-radius: 2px;
 
+//// RESET ////
+
+%livingstyleguide--reset {
+  background: transparent;
+  border: none;
+  border-collapse: collapse;
+  border-radius: 0;
+  border-spacing: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  color: inherit;
+  display: block;
+  font-size: inherit;
+  -webkit-font-smoothing: antialiased;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: inherit;
+  text-decoration: none;
+  vertical-align: baseline;
+}
+
 //// IMPORTS ////
 
 @import "livingstyleguide/layout";

data/stylesheets/livingstyleguide/_code.scss

@@ -1,6 +1,8 @@
 .livingstyleguide--code-span,
 .livingstyleguide--code-block {
+  @extend %livingstyleguide--reset;
   background: $livingstyleguide--code-background-color;
+  border-radius: $livingstyleguide--code-border-radius;
   color: $livingstyleguide--code-color;
   display: inline;
   font-family: $livingstyleguide--code-font;
@@ -9,7 +11,6 @@
   overflow: scroll;
   padding: 0 3px;
   -webkit-font-smoothing: subpixel-antialiased;
-  @include border-radius($livingstyleguide--code-border-radius);
 
   kbd {
     display: block;
@@ -65,7 +66,6 @@
   line-height: $livingstyleguide--code-line-height;
   padding: 3px 6px;
   width: $livingstyleguide--width;
-  @include box-sizing(border-box);
 
   .show-code & {
     display: block;
@@ -73,16 +73,17 @@
 }
 
 .livingstyleguide--example + .livingstyleguide--code-block {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
   margin-top: 0;
-  @include border-top-radius(0);
 }
 
 .livingstyleguide--layout-example + .livingstyleguide--code-block {
   background: $livingstyleguide--code-background-color;
+  border-radius: 0;
   margin: 0 0 $livingstyleguide--gap-width;
   padding: $livingstyleguide--gap-width 0;
   width: 100%;
-  @include border-radius(0);
 
   .livingstyleguide--code {
     display: block;
@@ -96,13 +97,15 @@
 }
 
 .livingstyleguide--code-highlight {
+  @extend %livingstyleguide--reset;
   background-color: $livingstyleguide--highlight-color;
+  border-radius: $livingstyleguide--highlight-border-radius;
   display: inline;
   vertical-align: baseline;
-  @include border-radius($livingstyleguide--highlight-border-radius);
 }
 
 .livingstyleguide--code-highlight-block {
+  @extend %livingstyleguide--reset;
   @extend .livingstyleguide--code-highlight;
   display: block;
 }

data/stylesheets/livingstyleguide/_color-swatches.scss

@@ -1,6 +1,6 @@
 .livingstyleguide--color-swatch {
+  @extend %livingstyleguide--reset;
   color: $livingstyleguide--color-swatch-color;
-  display: block;
   float: left;
   font-family: $livingstyleguide--code-font;
   font-size: $livingstyleguide--code-font-size;
@@ -12,20 +12,18 @@
   position: relative;
   text-align: center;
   z-index: 1;
-  @include box-sizing(border-box);
 
   &:before {
+    @extend %livingstyleguide--reset;
     border: $livingstyleguide--color-swatch-border-width $livingstyleguide--color-swatch-border-color solid;
+    border-radius: $livingstyleguide--color-swatch-border-radius;
     content: "";
-    display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
-    @include border-radius($livingstyleguide--color-swatch-border-radius);
-    @include box-sizing(border-box);
   }
 
   &:after {
@@ -36,12 +34,11 @@
 }
 
 .livingstyleguide--color-swatches {
-  display: block;
+  @extend %livingstyleguide--reset;
   margin: $livingstyleguide--gap-width auto (-$livingstyleguide--gap-width) auto;
+  overflow: hidden;
   padding-left: $livingstyleguide--gap-width;
   width: $livingstyleguide--width + 2 * $livingstyleguide--gap-width;
-  @include clearfix;
-  @include box-sizing(border-box);
 }
 
 @for $i from 1 through 12 {
@@ -54,7 +51,9 @@
 }
 
 .livingstyleguide--color-swatch.-lsg-empty {
-  @include hide-text;
+  overflow: hidden;
+  text-align: left;
+  text-indent: -119988px;
 
   &:before,
   &:after {

data/stylesheets/livingstyleguide/_content.scss

@@ -2,8 +2,8 @@
 .livingstyleguide--code-block,
 .livingstyleguide--unordered-list,
 .livingstyleguide--ordered-list {
+  @extend %livingstyleguide--reset;
   color: $livingstyleguide--color;
-  display: block;
   font-family: $livingstyleguide--base-font;
   font-size: $livingstyleguide--base-font-size;
   font-weight: $livingstyleguide--base-font-weight;
@@ -11,11 +11,11 @@
   margin: $livingstyleguide--gap-width auto;
   width: $livingstyleguide--width;
   -webkit-font-smoothing: antialiased;
-  @include box-sizing(border-box);
 }
 
 .livingstyleguide--unordered-list-item,
 .livingstyleguide--ordered-list-item {
+  @extend %livingstyleguide--reset;
   display: block;
   list-style: disc;
   margin: ceil($livingstyleguide--gap-width / 2) 0 ceil($livingstyleguide--gap-width / 2) (2 * $livingstyleguide--gap-width);
@@ -25,6 +25,7 @@
 .livingstyleguide--headline,
 .livingstyleguide--sub-headline,
 .livingstyleguide--sub-sub-headline {
+  @extend %livingstyleguide--reset;
   color: $livingstyleguide--color;
   display: block;
   font-family: $livingstyleguide--headline-font;
@@ -37,20 +38,21 @@
 }
 
 .livingstyleguide--anchor {
+  @extend %livingstyleguide--reset;
   color: inherit;
   margin-left: -1em;
+  opacity: 0;
   position: absolute;
   text-decoration: none;
   width: 1em;
-  @include opacity(0);
 
   .livingstyleguide--headline:hover &,
   .livingstyleguide--sub-headline:hover &,
   .livingstyleguide--sub-sub-headline:hover & {
-    @include opacity(0.5);
+    opacity: 0.5;
 
     &:hover {
-      @include opacity(1);
+      opacity: 1;
     }
   }
 
@@ -75,25 +77,26 @@
 }
 
 .livingstyleguide--example {
+  @extend %livingstyleguide--reset;
   background: white;
+  border-top-left-radius: $livingstyleguide--border-radius;
+  border-top-right-radius: $livingstyleguide--border-radius;
   display: block;
   margin: $livingstyleguide--gap-width auto 0;
   overflow: hidden;
   padding: $livingstyleguide--gap-width;
   position: relative;
   width: $livingstyleguide--width;
-  @include box-sizing(border-box);
-  @include border-top-radius($livingstyleguide--border-radius);
 
   &.-lsg-has-full-width {
     @extend #{$livingstyleguide--layout-selector} !optional;
+    border-radius: 0;
     display: block;
     height: auto;
     margin: 0 auto;
     min-height: auto;
     padding: $livingstyleguide--full-width-padding;
     width: 100%;
-    @include border-radius(0);
   }
 
   &.-lsg-for-javascript {

data/stylesheets/livingstyleguide/_layout.scss

@@ -19,12 +19,16 @@
   display: block;
   height: 100px;
   margin: auto;
+  overflow: hidden;
+  text-align: left;
+  text-indent: -119988px;
   width: 203px;
-  @include hide-text;
 
   &:hover {
     -webkit-transform: translateZ(0);
-    @include filter(unquote("brightness(0.7)"));
+    -webkit-filter: brightness(0.7);
+    -moz-filter: brightness(0.7);
+    filter: brightness(0.7);
   }
 }
 

metadata

@@ -1,97 +1,97 @@
 --- !ruby/object:Gem::Specification
 name: livingstyleguide
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - Nico Hagenburger
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-13 00:00:00.000000000 Z
+date: 2014-04-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: minisyntax
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: compass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: 3.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: 3.0.0
 - !ruby/object:Gem::Dependency
   name: tilt
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: thor
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
@@ -112,73 +112,73 @@ dependencies:
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: haml
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: heredoc_unindent
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: minitest
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: coffee-script
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Automatically generate beautiful frontend style guides with Sass and
+description: Automatically generate beautiful front-end style guides with Sass and
   Markdown. See http://livingstyleguide.org for details.
 email:
 - nico@hagenburger.net
@@ -187,13 +187,6 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- .travis.yml
-- CHANGELOG.md
-- Gemfile
-- MIT-LICENSE.md
-- README.md
-- Rakefile
 - assets/javascripts/livingstyleguide.js
 - bin/livingstyleguide
 - lib/livingstyleguide.rb
@@ -222,90 +215,13 @@ files:
 - lib/livingstyleguide/variables_importer.rb
 - lib/livingstyleguide/variables_importer/content.erb
 - lib/livingstyleguide/version.rb
-- livingstyleguide.gemspec
-- sache.json
 - stylesheets/_livingstyleguide.scss
 - stylesheets/livingstyleguide/_code.scss
 - stylesheets/livingstyleguide/_color-swatches.scss
 - stylesheets/livingstyleguide/_content.scss
 - stylesheets/livingstyleguide/_layout.scss
 - templates/layouts/default.html.erb
-- test/example_test_helper.rb
-- test/fixtures/markdown/code-block-and-example.md
-- test/fixtures/markdown/code-with-highlight-block.md
-- test/fixtures/markdown/code-with-highlight.md
-- test/fixtures/markdown/code.md
-- test/fixtures/markdown/example-with-highlight.md
-- test/fixtures/markdown/example.md
-- test/fixtures/markdown/font-example.md
-- test/fixtures/markdown/full-width-example.md
-- test/fixtures/markdown/haml-example-with-highlight.md
-- test/fixtures/markdown/haml-example.md
-- test/fixtures/markdown/text.md
-- test/fixtures/markdown/variables.md
-- test/fixtures/standalone/config.rb
-- test/fixtures/standalone/modules/_buttons.md
-- test/fixtures/standalone/modules/_buttons.scss
-- test/fixtures/standalone/style.html.lsg
-- test/fixtures/standalone/style.scss
-- test/fixtures/standalone/styleguide-as-json.html.lsg
-- test/fixtures/standalone/styleguide-with-header-footer.html.lsg
-- test/fixtures/standalone/styleguide-with-javascript.html.lsg
-- test/fixtures/standalone/styleguide-with-sass.html.lsg
-- test/fixtures/standalone/styleguide-with-scss.html.lsg
-- test/fixtures/standalone/styleguide-with-style.html.lsg
-- test/fixtures/standalone/styleguide.html.lsg
-- test/fixtures/stylesheets/variables/_more-other-colors.sass
-- test/fixtures/stylesheets/variables/colors.scss
-- test/fixtures/stylesheets/variables/other-colors.sass
-- test/integration/command_line_test.rb
-- test/integration/markdown_test.rb
-- test/integration/sprockets_test.rb
-- test/integration/standalone_test.rb
-- test/integration/variables_test.rb
-- test/test_helper.rb
-- test/unit/code_block_test.rb
-- test/unit/example_test.rb
-- test/unit/filter_hooks_test.rb
-- test/unit/filters/add_wrapper_class_test.rb
-- test/unit/filters/coffee_script_test.rb
-- test/unit/filters/colors_test.rb
-- test/unit/filters/font_example_test.rb
-- test/unit/filters/full_width_test.rb
-- test/unit/filters/haml_test.rb
-- test/unit/filters/highlights_test.rb
-- test/unit/filters/javascript_test.rb
-- test/unit/sass_extensions_test.rb
-- website/.gitignore
-- website/Gemfile
-- website/Gemfile.lock
-- website/README.md
-- website/config.rb
-- website/source/.htaccess
-- website/source/changelog.html.md
-- website/source/images/graphics-2x/example-project.png
-- website/source/images/graphics-2x/github.png
-- website/source/images/graphics-2x/hagenburger.png
-- website/source/images/graphics-2x/issues.png
-- website/source/images/graphics-2x/livingstyleguide.png
-- website/source/images/graphics-2x/made-in-berlin.png
-- website/source/images/graphics-2x/rubygems.png
-- website/source/images/graphics-2x/twitter.png
-- website/source/images/graphics/example-project.png
-- website/source/images/graphics/github.png
-- website/source/images/graphics/hagenburger.png
-- website/source/images/graphics/issues.png
-- website/source/images/graphics/livingstyleguide.png
-- website/source/images/graphics/made-in-berlin.png
-- website/source/images/graphics/rubygems.png
-- website/source/images/graphics/twitter.png
-- website/source/index.html.haml
-- website/source/layouts/markdown.html.haml
-- website/source/style/components/_markdown.md
-- website/source/style/components/_markdown.sass
-- website/source/style/styles.sass
-- website/source/styleguide.html.lsg
-homepage: ''
+homepage: http://livingstyleguide.org
 licenses: []
 metadata: {}
 post_install_message: 
@@ -314,64 +230,18 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.1.11
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
-summary: Generate beautiful frontend style guides
-test_files:
-- test/example_test_helper.rb
-- test/fixtures/markdown/code-block-and-example.md
-- test/fixtures/markdown/code-with-highlight-block.md
-- test/fixtures/markdown/code-with-highlight.md
-- test/fixtures/markdown/code.md
-- test/fixtures/markdown/example-with-highlight.md
-- test/fixtures/markdown/example.md
-- test/fixtures/markdown/font-example.md
-- test/fixtures/markdown/full-width-example.md
-- test/fixtures/markdown/haml-example-with-highlight.md
-- test/fixtures/markdown/haml-example.md
-- test/fixtures/markdown/text.md
-- test/fixtures/markdown/variables.md
-- test/fixtures/standalone/config.rb
-- test/fixtures/standalone/modules/_buttons.md
-- test/fixtures/standalone/modules/_buttons.scss
-- test/fixtures/standalone/style.html.lsg
-- test/fixtures/standalone/style.scss
-- test/fixtures/standalone/styleguide-as-json.html.lsg
-- test/fixtures/standalone/styleguide-with-header-footer.html.lsg
-- test/fixtures/standalone/styleguide-with-javascript.html.lsg
-- test/fixtures/standalone/styleguide-with-sass.html.lsg
-- test/fixtures/standalone/styleguide-with-scss.html.lsg
-- test/fixtures/standalone/styleguide-with-style.html.lsg
-- test/fixtures/standalone/styleguide.html.lsg
-- test/fixtures/stylesheets/variables/_more-other-colors.sass
-- test/fixtures/stylesheets/variables/colors.scss
-- test/fixtures/stylesheets/variables/other-colors.sass
-- test/integration/command_line_test.rb
-- test/integration/markdown_test.rb
-- test/integration/sprockets_test.rb
-- test/integration/standalone_test.rb
-- test/integration/variables_test.rb
-- test/test_helper.rb
-- test/unit/code_block_test.rb
-- test/unit/example_test.rb
-- test/unit/filter_hooks_test.rb
-- test/unit/filters/add_wrapper_class_test.rb
-- test/unit/filters/coffee_script_test.rb
-- test/unit/filters/colors_test.rb
-- test/unit/filters/font_example_test.rb
-- test/unit/filters/full_width_test.rb
-- test/unit/filters/haml_test.rb
-- test/unit/filters/highlights_test.rb
-- test/unit/filters/javascript_test.rb
-- test/unit/sass_extensions_test.rb
+summary: Generate beautiful front-end style guides
+test_files: []