pivotal-sass 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 023a9810a7d69dde58482bf4464892c2c168744b
4
- data.tar.gz: 237874cf09503e6f8c6cdefbb7fa01eff3ddb5f3
3
+ metadata.gz: f68ae537cff14fdd791ce5077e8a0460567ae468
4
+ data.tar.gz: 79641cdc086f7106dfe7d1c29a4cb579f0860306
5
5
  SHA512:
6
- metadata.gz: dfbc98271393341aefd40939852750b313e2a7b0464416ecdf3ba61839633f8af2c26415148402c5b6118ba4c38bfcab3e5b715f751893c9065791f9b780e6b8
7
- data.tar.gz: c15c59364c963ba0aa3da17c9852c99846fdbc35fb37ac4a109df92a2ec0fb9ba58b985886977e1b6ac921af752a4309fb451b2d09a81d25be51817d4a19569a
6
+ metadata.gz: aa33b79a828bf3b8cf60a7046cccfa0f4b3edb846bbcefaa1d5cb7f0449b712cc09aefb647670567cb06a4242c824f763f2a014b5c694c5ed04a6c4cf1dc4522
7
+ data.tar.gz: 35233cfa96ecafe44edd58407b63f6db38dd1b0e33e3abc49995e93e763c6a1d0a99a0643fea4636f61abbcfc84bfed0bf646b024405a3d4bc5ac97eae9d1b22
@@ -1,5 +1,5 @@
1
1
  module Pivotal
2
2
  module Sass
3
- VERSION = "0.0.2"
3
+ VERSION = "0.0.3"
4
4
  end
5
5
  end
@@ -1,6 +1,9 @@
1
1
  @mixin pivotal_tables
2
2
  table
3
3
  width: 100%
4
+ margin-bottom: 1em
5
+ &:last-child
6
+ margin-bottom: 0
4
7
  th, td
5
8
  padding: $base-spacing-unit
6
9
  text-align: left
@@ -19,7 +22,7 @@
19
22
 
20
23
  tbody tr th:last-of-type
21
24
  border-right-width: 2px
22
-
25
+
23
26
  [colspan]
24
27
  text-align: center
25
28
  [colspan="1"]
@@ -29,4 +32,4 @@
29
32
  [rowspan="1"]
30
33
  vertical-align: top
31
34
  .numerical
32
- text-align: right
35
+ text-align: right
@@ -1,38 +1,28 @@
1
- @mixin pivotal_button
1
+ @mixin pivotal_button_primary
2
+ +pivotal_button
2
3
  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
- -webkit-font-smoothing: antialiased
9
- +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
10
4
  +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
5
+ &:visited
6
+ color: white
11
7
  &:hover
12
8
  background-color: darken($pivotal_blue,10%)
13
9
  +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
14
10
  &:active
15
11
  background-color: darken($pivotal_blue,15%)
16
- +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
12
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
17
13
 
18
- @mixin pivotal_button_primary
14
+ @mixin pivotal_button_danger
19
15
  +pivotal_button
20
- background-color: $pivotal_blue
21
- color: white
22
- border: none
23
- font-family: $pivotal_font_family
24
- font-size: 12px
25
- padding: .5em .75em
26
- -webkit-font-smoothing: antialiased
27
- +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
28
- +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
16
+ background-color: $pivotal_red
17
+ +box-shadow(0 2px 0 0 darken($pivotal_red, 10%))
18
+ &:visited
19
+ color: white
29
20
  &:hover
30
- background-color: darken($pivotal_blue,10%)
31
- +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
32
-
21
+ background-color: darken($pivotal_red,10%)
22
+ +box-shadow(0 2px 0 0 darken($pivotal_red, 20%))
33
23
  &:active
34
- background-color: darken($pivotal_blue,15%)
35
- +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
24
+ background-color: darken($pivotal_red,15%)
25
+ +box-shadow(0 2px 0 0 darken($pivotal_red, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
36
26
 
37
27
  @mixin pivotal_button
38
28
  background-color: lighten($pivotal_dark_grey, 25%)
@@ -46,6 +36,8 @@
46
36
  -webkit-font-smoothing: antialiased
47
37
  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
48
38
  +box-shadow(0 2px 0 0 $pivotal_dark_grey)
39
+ &:visited
40
+ color: white
49
41
  &:hover
50
42
  background-color: lighten($pivotal_dark_grey, 10%)
51
43
  +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%))
@@ -55,22 +47,28 @@
55
47
  background-color: $pivotal_dark_grey
56
48
  color: white
57
49
  text-decoration: none
58
- +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%), 0 1px 2px rgba(0,0,0,.45) inset)
50
+ +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%), 0 1px 2px rgba(0,0,0,.45) inset)
59
51
 
60
52
  @mixin pivotal_button_primary--large
53
+ // this should be depricated. Mix in the primary button and the large button if you want this style.
61
54
  background-color: $pivotal_blue
62
55
  color: white
63
56
  border: none
64
57
  font-family: $pivotal_font_family
65
- font-size: 16px
66
- padding: 1em 1.5em
58
+ +pivotal_button--large
67
59
  text-align: center
68
60
  -webkit-font-smoothing: antialiased
69
61
  +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
70
62
  +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
63
+ &:visited
64
+ color: white
71
65
  &:hover
72
66
  background-color: darken($pivotal_blue,10%)
73
67
  +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
74
68
  &:active
75
69
  background-color: darken($pivotal_blue,15%)
76
- +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
70
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
71
+
72
+ @mixin pivotal_button--large
73
+ font-size: 16px
74
+ padding: 1em 1.5em
@@ -1,6 +1,7 @@
1
1
  @mixin pivotal_rule
2
2
  display: block
3
- background-color: $pivotal_dark_grey
3
+ background-color: $pivotal_light_grey
4
+ border: none
4
5
  height: 1px
5
6
  margin: $base-spacing-unit 0
6
7
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pivotal-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Robbie Clutton
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-08-06 00:00:00.000000000 Z
12
+ date: 2013-08-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties