pivotal-sass 0.0.1.8 → 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 023a9810a7d69dde58482bf4464892c2c168744b
+  data.tar.gz: 237874cf09503e6f8c6cdefbb7fa01eff3ddb5f3
+SHA512:
+  metadata.gz: dfbc98271393341aefd40939852750b313e2a7b0464416ecdf3ba61839633f8af2c26415148402c5b6118ba4c38bfcab3e5b715f751893c9065791f9b780e6b8
+  data.tar.gz: c15c59364c963ba0aa3da17c9852c99846fdbc35fb37ac4a109df92a2ec0fb9ba58b985886977e1b6ac921af752a4309fb451b2d09a81d25be51817d4a19569a

data/lib/pivotal/sass/version.rb

@@ -1,5 +1,5 @@
 module Pivotal
   module Sass
-    VERSION = "0.0.1.8"
+    VERSION = "0.0.2"
   end
 end

data/vendor/assets/stylesheets/_base/_blockquotes.sass

@@ -0,0 +1,46 @@
+@mixin pivotal_inline_quotes
+	q
+		quotes: "“" "”" "‘" "’"
+	q
+		&:before
+			content: open-quote
+		&:after
+			content: close-quote
+
+@mixin pivotal_blockquotes
+	blockquote 
+		quotes: "“" "”"
+	blockquote 
+		p:before 
+			content: "“"
+			content: open-quote
+	blockquote 
+		p:after 
+			content: "" 
+			content: no-close-quote
+	blockquote 
+		p:last-of-type
+			&:after 
+				content: "”"
+			content: close-quote
+
+	blockquote
+		text-indent: -0.4em
+		color: $pivotal_grey
+		border-left: 4px solid $pivotal_light_grey
+		margin: 0
+		padding: 0 0 0 1em 
+		p:last-of-type
+			margin-bottom: 0
+
+@mixin pivotal_source
+	.source
+		display: block
+		text-indent: 0
+		&:before
+			content: "–"
+
+@mixin pivotal_quotes
+	+pivotal_inline_quotes
+	+pivotal_blockquotes
+	+pivotal_source

data/vendor/assets/stylesheets/_base/_captions.sass

@@ -0,0 +1,6 @@
+@mixin pivotal_captions
+	figcaption
+		font-size: 12px
+		text-transform: uppercase
+		color: $pivotal_grey
+		letter-spacing: 1px

data/vendor/assets/stylesheets/_base/_code.sass

@@ -0,0 +1,2 @@
+code
+	color: $pivotal_red

data/vendor/assets/stylesheets/_base/_highlight.sass

@@ -0,0 +1,3 @@
+@mixin pivotal_highlight
+	mark
+		background-color: lighten($pivotal_yellow, 25%)

data/vendor/assets/stylesheets/_base/_keyboard.sass

@@ -0,0 +1,8 @@
+@mixin pivotal_keyboard
+	kbd
+		background: #fafafa
+		border: 1px solid #dbdbdb
+		color: $pivotal_grey
+		padding: .25em .5em
+		+box-shadow(0 1px 0 #fff inset)
+		+border-radius(3px)

data/vendor/assets/stylesheets/_base/_lists.sass

@@ -0,0 +1,19 @@
+@mixin pivotal_unordered_lists
+	li
+		> ul, ol
+			margin-bottom: 0
+	ul
+		list-style-type: square
+		li
+			li
+				list-style-type: circle
+
+@mixin pivotal_definition_lists
+	dt
+		font-weight: 600
+	dd
+		margin-left: $base-spacing-unit * 1.5
+
+@mixin pivotal_lists
+	+pivotal_unordered_lists
+	+pivotal_definition_lists

data/vendor/assets/stylesheets/_base/_tables.sass

@@ -0,0 +1,32 @@
+@mixin pivotal_tables
+    table
+        width: 100%
+    th, td
+        padding: $base-spacing-unit
+        text-align: left
+    caption
+        caption-side: bottom
+        color: $pivotal_grey
+        font-size: 12px
+        text-align: left
+        margin: $base-spacing-unit 0
+    th, td
+        border: 1px solid #ccc
+        &:empty
+            border:none
+    thead tr:last-child th
+        border-bottom-width: 2px
+
+    tbody tr th:last-of-type
+        border-right-width: 2px
+                
+[colspan]
+    text-align: center
+[colspan="1"]
+    text-align: left
+[rowspan]
+    vertical-align: middle
+[rowspan="1"]
+    vertical-align: top
+.numerical
+    text-align: right

data/vendor/assets/stylesheets/_objects/_buttons.sass

@@ -1,18 +1,76 @@
+@mixin pivotal_button
+  background-color: $pivotal_blue
+  color: white
+  border: none
+  font-family: $pivotal_font_family
+  font-size: 12px
+  padding: .5em .75em
+  -webkit-font-smoothing: antialiased
+  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
+  +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
+  &:hover
+    background-color: darken($pivotal_blue,10%)
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
+  &:active
+    background-color: darken($pivotal_blue,15%)
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)  
+
 @mixin pivotal_button_primary
+  +pivotal_button
   background-color: $pivotal_blue
   color: white
   border: none
   font-family: $pivotal_font_family
   font-size: 12px
   padding: .5em .75em
-  text-align: center
+  -webkit-font-smoothing: antialiased
+  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
+  +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
   &:hover
     background-color: darken($pivotal_blue,10%)
-    color: white
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
 
   &:active
     background-color: darken($pivotal_blue,15%)
-    color: white
-
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
 
+@mixin pivotal_button
+  background-color: lighten($pivotal_dark_grey, 25%)
+  color: white
+  border: none
+  font-family: $pivotal_font_family
+  font-size: 12px
+  padding: .5em .75em
+  text-align: center
+  text-decoration: none
+  -webkit-font-smoothing: antialiased
+  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
+  +box-shadow(0 2px 0 0 $pivotal_dark_grey)
+  &:hover
+    background-color: lighten($pivotal_dark_grey, 10%)
+    +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%))
+    color: white
+    text-decoration: none
+  &:active
+    background-color: $pivotal_dark_grey
+    color: white
+    text-decoration: none
+    +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%), 0 1px 2px rgba(0,0,0,.45) inset)  
 
+@mixin pivotal_button_primary--large
+  background-color: $pivotal_blue
+  color: white
+  border: none
+  font-family: $pivotal_font_family
+  font-size: 16px
+  padding: 1em 1.5em
+  text-align: center
+  -webkit-font-smoothing: antialiased
+  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
+  +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
+  &:hover
+    background-color: darken($pivotal_blue,10%)
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
+  &:active
+    background-color: darken($pivotal_blue,15%)
+    +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)

data/vendor/assets/stylesheets/_objects/_rules.sass

@@ -1,10 +1,28 @@
 @mixin pivotal_rule
-  display: block
-  background-color: $pivotal_dark_grey
-  height: 1px
-  margin: $base-spacing-unit 0
+    display: block
+    background-color: $pivotal_dark_grey
+    height: 1px
+    margin: $base-spacing-unit 0
 
 @mixin pivotal_rule_dotted
-  @include pivotal_rule
-  background-color: transparent
-  border-top: 1px dotted $pivotal_dark_grey
+    @include pivotal_rule
+    background-color: transparent
+    border-top: 1px solid #d0d0d0
+
+@mixin pivotal_rule_ellipsis
+    font-weight: 700
+    font-size: 2em
+    line-height: 1
+    text-align: center
+    margin: 1em 0 2em
+    border: 0
+    padding: 0
+    height: 0
+    clear: both
+    display: block
+    &:after
+        content: "···"
+        color: $pivotal_light_grey
+        letter-spacing: 1em
+        padding-left: 1em
+        height: 0

data/vendor/assets/stylesheets/_setup.sass

@@ -3,6 +3,7 @@ $pivotal_red: #B90020
 $pivotal_blue: #6D99D3
 $pivotal_yellow: #C59E16
 $pivotal_light_grey: #D3D3D3
+$pivotal_grey: #999999
 $pivotal_dark_grey: #5D5C5C
 $pivotal_font_family: ars-maquette-web, sans-serif
 

data/vendor/assets/stylesheets/pivotal-containers.sass

@@ -2,6 +2,11 @@
   background-color: white
   padding: $base-spacing-unit
 
+@mixin pivotal_tile--bordered
+  +pivotal_tile
+  border: 1px solid #d0d0d0
+  border-bottom-width: 2px
+
 @mixin pivotal_tile_blue
   @include pivotal_tile
   background-color: $pivotal_blue

data/vendor/assets/stylesheets/pivotal-typography.sass

@@ -1,3 +1,6 @@
+@mixin font-smoothing
+  -webkit-font-smoothing: antialiased
+
 @mixin pivotal_typography
   font-family: $pivotal_font_family
 
@@ -58,6 +61,6 @@
   font-size: 15px
   line-height: 18px
   display: inline-block
-  border-top: 1px dotted $pivotal_dark_grey
+  border-top: 1px solid #d0d0d0
   padding: 7px 0 9px 0
-  margin: 43px 0 9px
+  margin: $half_spacing_unit 0 $half_spacing_unit

data/vendor/assets/stylesheets/pivotal.sass

@@ -1,7 +1,16 @@
+@import compass
 @import setup
 @import pivotal-typography
 @import pivotal-containers
 
+// Base
+@import _base/blockquotes
+@import _base/lists
+@import _base/captions
+@import _base/keyboard
+@import _base/highlight
+@import _base/tables
+
 // Objects
 @import _objects/buttons
 @import _objects/rules

metadata

@@ -1,8 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pivotal-sass
 version: !ruby/object:Gem::Version
-  version: 0.0.1.8
-  prerelease: 
+  version: 0.0.2
 platform: ruby
 authors:
 - Robbie Clutton
@@ -10,44 +9,39 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-26 00:00:00.000000000 Z
+date: 2013-08-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.2'
 - !ruby/object:Gem::Dependency
   name: sass-rails
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.2'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
@@ -55,7 +49,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
@@ -63,17 +56,15 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0'
 description: Pivotal branding as SASS
@@ -85,6 +76,13 @@ extra_rdoc_files: []
 files:
 - lib/pivotal/sass/version.rb
 - lib/pivotal/sass.rb
+- vendor/assets/stylesheets/_base/_blockquotes.sass
+- vendor/assets/stylesheets/_base/_captions.sass
+- vendor/assets/stylesheets/_base/_code.sass
+- vendor/assets/stylesheets/_base/_highlight.sass
+- vendor/assets/stylesheets/_base/_keyboard.sass
+- vendor/assets/stylesheets/_base/_lists.sass
+- vendor/assets/stylesheets/_base/_tables.sass
 - vendor/assets/stylesheets/_objects/_buttons.sass
 - vendor/assets/stylesheets/_objects/_rules.sass
 - vendor/assets/stylesheets/_setup.sass
@@ -96,27 +94,26 @@ files:
 homepage: https://github.com/pivotal/pivotal-styles-sass
 licenses:
 - MIT
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 - vendor
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.25
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Pivotal branding as SASS
 test_files: []