pivotal-sass 0.0.1.8 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 023a9810a7d69dde58482bf4464892c2c168744b
4
+ data.tar.gz: 237874cf09503e6f8c6cdefbb7fa01eff3ddb5f3
5
+ SHA512:
6
+ metadata.gz: dfbc98271393341aefd40939852750b313e2a7b0464416ecdf3ba61839633f8af2c26415148402c5b6118ba4c38bfcab3e5b715f751893c9065791f9b780e6b8
7
+ data.tar.gz: c15c59364c963ba0aa3da17c9852c99846fdbc35fb37ac4a109df92a2ec0fb9ba58b985886977e1b6ac921af752a4309fb451b2d09a81d25be51817d4a19569a
@@ -1,5 +1,5 @@
1
1
  module Pivotal
2
2
  module Sass
3
- VERSION = "0.0.1.8"
3
+ VERSION = "0.0.2"
4
4
  end
5
5
  end
@@ -0,0 +1,46 @@
1
+ @mixin pivotal_inline_quotes
2
+ q
3
+ quotes: "“" "”" "‘" "’"
4
+ q
5
+ &:before
6
+ content: open-quote
7
+ &:after
8
+ content: close-quote
9
+
10
+ @mixin pivotal_blockquotes
11
+ blockquote
12
+ quotes: "“" "”"
13
+ blockquote
14
+ p:before
15
+ content: "“"
16
+ content: open-quote
17
+ blockquote
18
+ p:after
19
+ content: ""
20
+ content: no-close-quote
21
+ blockquote
22
+ p:last-of-type
23
+ &:after
24
+ content: "”"
25
+ content: close-quote
26
+
27
+ blockquote
28
+ text-indent: -0.4em
29
+ color: $pivotal_grey
30
+ border-left: 4px solid $pivotal_light_grey
31
+ margin: 0
32
+ padding: 0 0 0 1em
33
+ p:last-of-type
34
+ margin-bottom: 0
35
+
36
+ @mixin pivotal_source
37
+ .source
38
+ display: block
39
+ text-indent: 0
40
+ &:before
41
+ content: "–"
42
+
43
+ @mixin pivotal_quotes
44
+ +pivotal_inline_quotes
45
+ +pivotal_blockquotes
46
+ +pivotal_source
@@ -0,0 +1,6 @@
1
+ @mixin pivotal_captions
2
+ figcaption
3
+ font-size: 12px
4
+ text-transform: uppercase
5
+ color: $pivotal_grey
6
+ letter-spacing: 1px
@@ -0,0 +1,2 @@
1
+ code
2
+ color: $pivotal_red
@@ -0,0 +1,3 @@
1
+ @mixin pivotal_highlight
2
+ mark
3
+ background-color: lighten($pivotal_yellow, 25%)
@@ -0,0 +1,8 @@
1
+ @mixin pivotal_keyboard
2
+ kbd
3
+ background: #fafafa
4
+ border: 1px solid #dbdbdb
5
+ color: $pivotal_grey
6
+ padding: .25em .5em
7
+ +box-shadow(0 1px 0 #fff inset)
8
+ +border-radius(3px)
@@ -0,0 +1,19 @@
1
+ @mixin pivotal_unordered_lists
2
+ li
3
+ > ul, ol
4
+ margin-bottom: 0
5
+ ul
6
+ list-style-type: square
7
+ li
8
+ li
9
+ list-style-type: circle
10
+
11
+ @mixin pivotal_definition_lists
12
+ dt
13
+ font-weight: 600
14
+ dd
15
+ margin-left: $base-spacing-unit * 1.5
16
+
17
+ @mixin pivotal_lists
18
+ +pivotal_unordered_lists
19
+ +pivotal_definition_lists
@@ -0,0 +1,32 @@
1
+ @mixin pivotal_tables
2
+ table
3
+ width: 100%
4
+ th, td
5
+ padding: $base-spacing-unit
6
+ text-align: left
7
+ caption
8
+ caption-side: bottom
9
+ color: $pivotal_grey
10
+ font-size: 12px
11
+ text-align: left
12
+ margin: $base-spacing-unit 0
13
+ th, td
14
+ border: 1px solid #ccc
15
+ &:empty
16
+ border:none
17
+ thead tr:last-child th
18
+ border-bottom-width: 2px
19
+
20
+ tbody tr th:last-of-type
21
+ border-right-width: 2px
22
+
23
+ [colspan]
24
+ text-align: center
25
+ [colspan="1"]
26
+ text-align: left
27
+ [rowspan]
28
+ vertical-align: middle
29
+ [rowspan="1"]
30
+ vertical-align: top
31
+ .numerical
32
+ text-align: right
@@ -1,18 +1,76 @@
1
+ @mixin pivotal_button
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
+ -webkit-font-smoothing: antialiased
9
+ +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
10
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
11
+ &:hover
12
+ background-color: darken($pivotal_blue,10%)
13
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
14
+ &:active
15
+ 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)
17
+
1
18
  @mixin pivotal_button_primary
19
+ +pivotal_button
2
20
  background-color: $pivotal_blue
3
21
  color: white
4
22
  border: none
5
23
  font-family: $pivotal_font_family
6
24
  font-size: 12px
7
25
  padding: .5em .75em
8
- text-align: center
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%))
9
29
  &:hover
10
30
  background-color: darken($pivotal_blue,10%)
11
- color: white
31
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
12
32
 
13
33
  &:active
14
34
  background-color: darken($pivotal_blue,15%)
15
- color: white
16
-
35
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%), 0 1px 2px rgba(0,0,0,.45) inset)
17
36
 
37
+ @mixin pivotal_button
38
+ background-color: lighten($pivotal_dark_grey, 25%)
39
+ color: white
40
+ border: none
41
+ font-family: $pivotal_font_family
42
+ font-size: 12px
43
+ padding: .5em .75em
44
+ text-align: center
45
+ text-decoration: none
46
+ -webkit-font-smoothing: antialiased
47
+ +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
48
+ +box-shadow(0 2px 0 0 $pivotal_dark_grey)
49
+ &:hover
50
+ background-color: lighten($pivotal_dark_grey, 10%)
51
+ +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%))
52
+ color: white
53
+ text-decoration: none
54
+ &:active
55
+ background-color: $pivotal_dark_grey
56
+ color: white
57
+ text-decoration: none
58
+ +box-shadow(0 2px 0 0 darken($pivotal_dark_grey, 10%), 0 1px 2px rgba(0,0,0,.45) inset)
18
59
 
60
+ @mixin pivotal_button_primary--large
61
+ background-color: $pivotal_blue
62
+ color: white
63
+ border: none
64
+ font-family: $pivotal_font_family
65
+ font-size: 16px
66
+ padding: 1em 1.5em
67
+ text-align: center
68
+ -webkit-font-smoothing: antialiased
69
+ +single-transition(all, 400ms, cubic-bezier(0.19, 1, 0.22, 1))
70
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 10%))
71
+ &:hover
72
+ background-color: darken($pivotal_blue,10%)
73
+ +box-shadow(0 2px 0 0 darken($pivotal_blue, 20%))
74
+ &:active
75
+ 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)
@@ -1,10 +1,28 @@
1
1
  @mixin pivotal_rule
2
- display: block
3
- background-color: $pivotal_dark_grey
4
- height: 1px
5
- margin: $base-spacing-unit 0
2
+ display: block
3
+ background-color: $pivotal_dark_grey
4
+ height: 1px
5
+ margin: $base-spacing-unit 0
6
6
 
7
7
  @mixin pivotal_rule_dotted
8
- @include pivotal_rule
9
- background-color: transparent
10
- border-top: 1px dotted $pivotal_dark_grey
8
+ @include pivotal_rule
9
+ background-color: transparent
10
+ border-top: 1px solid #d0d0d0
11
+
12
+ @mixin pivotal_rule_ellipsis
13
+ font-weight: 700
14
+ font-size: 2em
15
+ line-height: 1
16
+ text-align: center
17
+ margin: 1em 0 2em
18
+ border: 0
19
+ padding: 0
20
+ height: 0
21
+ clear: both
22
+ display: block
23
+ &:after
24
+ content: "···"
25
+ color: $pivotal_light_grey
26
+ letter-spacing: 1em
27
+ padding-left: 1em
28
+ height: 0
@@ -3,6 +3,7 @@ $pivotal_red: #B90020
3
3
  $pivotal_blue: #6D99D3
4
4
  $pivotal_yellow: #C59E16
5
5
  $pivotal_light_grey: #D3D3D3
6
+ $pivotal_grey: #999999
6
7
  $pivotal_dark_grey: #5D5C5C
7
8
  $pivotal_font_family: ars-maquette-web, sans-serif
8
9
 
@@ -2,6 +2,11 @@
2
2
  background-color: white
3
3
  padding: $base-spacing-unit
4
4
 
5
+ @mixin pivotal_tile--bordered
6
+ +pivotal_tile
7
+ border: 1px solid #d0d0d0
8
+ border-bottom-width: 2px
9
+
5
10
  @mixin pivotal_tile_blue
6
11
  @include pivotal_tile
7
12
  background-color: $pivotal_blue
@@ -1,3 +1,6 @@
1
+ @mixin font-smoothing
2
+ -webkit-font-smoothing: antialiased
3
+
1
4
  @mixin pivotal_typography
2
5
  font-family: $pivotal_font_family
3
6
 
@@ -58,6 +61,6 @@
58
61
  font-size: 15px
59
62
  line-height: 18px
60
63
  display: inline-block
61
- border-top: 1px dotted $pivotal_dark_grey
64
+ border-top: 1px solid #d0d0d0
62
65
  padding: 7px 0 9px 0
63
- margin: 43px 0 9px
66
+ margin: $half_spacing_unit 0 $half_spacing_unit
@@ -1,7 +1,16 @@
1
+ @import compass
1
2
  @import setup
2
3
  @import pivotal-typography
3
4
  @import pivotal-containers
4
5
 
6
+ // Base
7
+ @import _base/blockquotes
8
+ @import _base/lists
9
+ @import _base/captions
10
+ @import _base/keyboard
11
+ @import _base/highlight
12
+ @import _base/tables
13
+
5
14
  // Objects
6
15
  @import _objects/buttons
7
16
  @import _objects/rules
metadata CHANGED
@@ -1,8 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pivotal-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1.8
5
- prerelease:
4
+ version: 0.0.2
6
5
  platform: ruby
7
6
  authors:
8
7
  - Robbie Clutton
@@ -10,44 +9,39 @@ authors:
10
9
  autorequire:
11
10
  bindir: bin
12
11
  cert_chain: []
13
- date: 2013-07-26 00:00:00.000000000 Z
12
+ date: 2013-08-06 00:00:00.000000000 Z
14
13
  dependencies:
15
14
  - !ruby/object:Gem::Dependency
16
15
  name: railties
17
16
  requirement: !ruby/object:Gem::Requirement
18
- none: false
19
17
  requirements:
20
- - - ! '>='
18
+ - - '>='
21
19
  - !ruby/object:Gem::Version
22
20
  version: '3.2'
23
21
  type: :runtime
24
22
  prerelease: false
25
23
  version_requirements: !ruby/object:Gem::Requirement
26
- none: false
27
24
  requirements:
28
- - - ! '>='
25
+ - - '>='
29
26
  - !ruby/object:Gem::Version
30
27
  version: '3.2'
31
28
  - !ruby/object:Gem::Dependency
32
29
  name: sass-rails
33
30
  requirement: !ruby/object:Gem::Requirement
34
- none: false
35
31
  requirements:
36
- - - ! '>='
32
+ - - '>='
37
33
  - !ruby/object:Gem::Version
38
34
  version: '3.2'
39
35
  type: :runtime
40
36
  prerelease: false
41
37
  version_requirements: !ruby/object:Gem::Requirement
42
- none: false
43
38
  requirements:
44
- - - ! '>='
39
+ - - '>='
45
40
  - !ruby/object:Gem::Version
46
41
  version: '3.2'
47
42
  - !ruby/object:Gem::Dependency
48
43
  name: bundler
49
44
  requirement: !ruby/object:Gem::Requirement
50
- none: false
51
45
  requirements:
52
46
  - - ~>
53
47
  - !ruby/object:Gem::Version
@@ -55,7 +49,6 @@ dependencies:
55
49
  type: :development
56
50
  prerelease: false
57
51
  version_requirements: !ruby/object:Gem::Requirement
58
- none: false
59
52
  requirements:
60
53
  - - ~>
61
54
  - !ruby/object:Gem::Version
@@ -63,17 +56,15 @@ dependencies:
63
56
  - !ruby/object:Gem::Dependency
64
57
  name: rake
65
58
  requirement: !ruby/object:Gem::Requirement
66
- none: false
67
59
  requirements:
68
- - - ! '>='
60
+ - - '>='
69
61
  - !ruby/object:Gem::Version
70
62
  version: '0'
71
63
  type: :development
72
64
  prerelease: false
73
65
  version_requirements: !ruby/object:Gem::Requirement
74
- none: false
75
66
  requirements:
76
- - - ! '>='
67
+ - - '>='
77
68
  - !ruby/object:Gem::Version
78
69
  version: '0'
79
70
  description: Pivotal branding as SASS
@@ -85,6 +76,13 @@ extra_rdoc_files: []
85
76
  files:
86
77
  - lib/pivotal/sass/version.rb
87
78
  - lib/pivotal/sass.rb
79
+ - vendor/assets/stylesheets/_base/_blockquotes.sass
80
+ - vendor/assets/stylesheets/_base/_captions.sass
81
+ - vendor/assets/stylesheets/_base/_code.sass
82
+ - vendor/assets/stylesheets/_base/_highlight.sass
83
+ - vendor/assets/stylesheets/_base/_keyboard.sass
84
+ - vendor/assets/stylesheets/_base/_lists.sass
85
+ - vendor/assets/stylesheets/_base/_tables.sass
88
86
  - vendor/assets/stylesheets/_objects/_buttons.sass
89
87
  - vendor/assets/stylesheets/_objects/_rules.sass
90
88
  - vendor/assets/stylesheets/_setup.sass
@@ -96,27 +94,26 @@ files:
96
94
  homepage: https://github.com/pivotal/pivotal-styles-sass
97
95
  licenses:
98
96
  - MIT
97
+ metadata: {}
99
98
  post_install_message:
100
99
  rdoc_options: []
101
100
  require_paths:
102
101
  - lib
103
102
  - vendor
104
103
  required_ruby_version: !ruby/object:Gem::Requirement
105
- none: false
106
104
  requirements:
107
- - - ! '>='
105
+ - - '>='
108
106
  - !ruby/object:Gem::Version
109
107
  version: '0'
110
108
  required_rubygems_version: !ruby/object:Gem::Requirement
111
- none: false
112
109
  requirements:
113
- - - ! '>='
110
+ - - '>='
114
111
  - !ruby/object:Gem::Version
115
112
  version: '0'
116
113
  requirements: []
117
114
  rubyforge_project:
118
- rubygems_version: 1.8.25
115
+ rubygems_version: 2.0.3
119
116
  signing_key:
120
- specification_version: 3
117
+ specification_version: 4
121
118
  summary: Pivotal branding as SASS
122
119
  test_files: []