pivotal-sass 0.0.1.7 → 0.0.1.8

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Pivotal::Sass
2
2
 
3
- TODO: Write a gem description
3
+ A set of mixins for use across Pivotal Labs internal projects released in a Gem for a Rails 3.2+ project.
4
4
 
5
5
  ## Installation
6
6
 
@@ -18,7 +18,24 @@ Or install it yourself as:
18
18
 
19
19
  ## Usage
20
20
 
21
- TODO: Write usage instructions here
21
+ ### Rails 3.2+
22
+
23
+ `application.css`
24
+
25
+ @import pivotal
26
+
27
+ button {
28
+ @include pivotal_primary_button
29
+ }
30
+
31
+ ### Examples
32
+
33
+ There is an example app in this repo used to help build out the mixins. Follow these steps to get it running or just take a look in the `source` directory.
34
+
35
+ $ bundle
36
+ $ bundle exec middleman server
37
+
38
+ Then visit `localhost:4567` to see an example of usage.
22
39
 
23
40
  ## Contributing
24
41
 
@@ -1,5 +1,5 @@
1
1
  module Pivotal
2
2
  module Sass
3
- VERSION = "0.0.1.7"
3
+ VERSION = "0.0.1.8"
4
4
  end
5
5
  end
@@ -0,0 +1,18 @@
1
+ @mixin pivotal_button_primary
2
+ background-color: $pivotal_blue
3
+ color: white
4
+ border: none
5
+ font-family: $pivotal_font_family
6
+ font-size: 12px
7
+ padding: .5em .75em
8
+ text-align: center
9
+ &:hover
10
+ background-color: darken($pivotal_blue,10%)
11
+ color: white
12
+
13
+ &:active
14
+ background-color: darken($pivotal_blue,15%)
15
+ color: white
16
+
17
+
18
+
@@ -0,0 +1,10 @@
1
+ @mixin pivotal_rule
2
+ display: block
3
+ background-color: $pivotal_dark_grey
4
+ height: 1px
5
+ margin: $base-spacing-unit 0
6
+
7
+ @mixin pivotal_rule_dotted
8
+ @include pivotal_rule
9
+ background-color: transparent
10
+ border-top: 1px dotted $pivotal_dark_grey
metadata CHANGED
@@ -1,15 +1,16 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pivotal-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1.7
4
+ version: 0.0.1.8
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
8
8
  - Robbie Clutton
9
+ - Spencer Hurst
9
10
  autorequire:
10
11
  bindir: bin
11
12
  cert_chain: []
12
- date: 2013-07-23 00:00:00.000000000 Z
13
+ date: 2013-07-26 00:00:00.000000000 Z
13
14
  dependencies:
14
15
  - !ruby/object:Gem::Dependency
15
16
  name: railties
@@ -84,15 +85,15 @@ extra_rdoc_files: []
84
85
  files:
85
86
  - lib/pivotal/sass/version.rb
86
87
  - lib/pivotal/sass.rb
87
- - vendor/assets/stylesheets/_objects/_buttons.scss
88
- - vendor/assets/stylesheets/_objects/_rules.scss
88
+ - vendor/assets/stylesheets/_objects/_buttons.sass
89
+ - vendor/assets/stylesheets/_objects/_rules.sass
89
90
  - vendor/assets/stylesheets/_setup.sass
90
91
  - vendor/assets/stylesheets/pivotal-containers.sass
91
92
  - vendor/assets/stylesheets/pivotal-typography.sass
92
93
  - vendor/assets/stylesheets/pivotal.sass
93
94
  - LICENSE.txt
94
95
  - README.md
95
- homepage: ''
96
+ homepage: https://github.com/pivotal/pivotal-styles-sass
96
97
  licenses:
97
98
  - MIT
98
99
  post_install_message:
@@ -1,14 +0,0 @@
1
- @mixin pivotal_button_primary {
2
- background-color: $pivotal_blue;
3
- color: white;
4
- border: none;
5
- font-family: $pivotal_font_family;
6
- font-size: 12px;
7
- padding: .5em .75em;
8
- &:hover {
9
- background-color: darken($pivotal_blue,10%);
10
- }
11
- &:active {
12
- background-color: darken($pivotal_blue,15%);
13
- }
14
- }
@@ -1,12 +0,0 @@
1
- @mixin pivotal_rule {
2
- display: block;
3
- background-color: $pivotal_dark_grey;
4
- height: 1px;
5
- margin: $base-spacing-unit 0;
6
- }
7
-
8
- @mixin pivotal_rule_dotted {
9
- @include pivotal_rule;
10
- background-color: transparent;
11
- border-top: 1px dotted $pivotal_dark_grey;
12
- }