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 +19 -2
- data/lib/pivotal/sass/version.rb +1 -1
- data/vendor/assets/stylesheets/_objects/_buttons.sass +18 -0
- data/vendor/assets/stylesheets/_objects/_rules.sass +10 -0
- metadata +6 -5
- data/vendor/assets/stylesheets/_objects/_buttons.scss +0 -14
- data/vendor/assets/stylesheets/_objects/_rules.scss +0 -12
data/README.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# Pivotal::Sass
|
2
2
|
|
3
|
-
|
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
|
-
|
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
|
|
data/lib/pivotal/sass/version.rb
CHANGED
@@ -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
|
+
|
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.
|
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-
|
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.
|
88
|
-
- vendor/assets/stylesheets/_objects/_rules.
|
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
|
-
}
|