codeclimate-styles 0.1.4 → 0.2.0

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c60e38118c6e74fd340e8aa3aaa65dd9d9ccd413
4
- data.tar.gz: 87e766a7052f3723561f2035a4473eecae471421
3
+ metadata.gz: 57ce11e798eb6012ac6d29863bb7501eeb890af9
4
+ data.tar.gz: fccc873a52097373fb018e0c4c3cb08ad44b7e8a
5
5
  SHA512:
6
- metadata.gz: a33eefd1187fa40997e087c156917eb679b96cab5e6cfc4bb73ac4a0d5aa14b78e6b380eeaf12a998a7f7a7b0247fe19e582e70afeb9357cab999aa214c7eb4b
7
- data.tar.gz: ff764f9b2737551fe62fcc396a217aa20f9c1a2b9039b8d084592f2f33a77a32cce16026ab89e7d54db6a4e2fcd844981afcbe0436c7bf6a7edfcf6cfbe6056d
6
+ metadata.gz: e880b098c06046b8c51679620c47832d296c10add1f45804c2111c9073f06ff2adf971b0a6e73f354dddd273c453679f82d38fde4fe57d5f94ceb523437033b1
7
+ data.tar.gz: 94b24fea02f1455de42688368ae7d889f8f861bf779126e3be80aadd73d0f3668f1f3db1d5c0cd52813e240126b708aac355214544f2ea9b3e0afa2f656401fe
@@ -1,6 +1,7 @@
1
1
  @import "./modules/typography";
2
2
  @import "./modules/buttons";
3
3
  @import "./modules/layout";
4
+ @import "./modules/tables";
4
5
  @import "./modules/code";
5
6
  @import "./modules/tabs";
6
7
  @import "./modules/forms";
@@ -4,102 +4,6 @@
4
4
  position: relative;
5
5
  }
6
6
 
7
- /*doc
8
- ---
9
- title: Table
10
- name: table
11
- category: layout
12
- ---
13
-
14
- ```slim_example
15
- table.table
16
- thead
17
- tr
18
- td Name
19
- td Code
20
- tbody
21
- tr
22
- td foo.rb
23
- td B
24
- ```
25
- */
26
-
27
- .table {
28
- margin-bottom: 48px;
29
- width: 100%;
30
-
31
- thead td {
32
- background: $grayscale-pearl;
33
- border-bottom: 1px solid darken($grayscale-pearl, 1%);
34
- color: $grayscale-storm;
35
- font-size: 12px;
36
- letter-spacing: .07em;
37
- padding: 13px 18px;
38
- text-transform: uppercase;
39
- }
40
-
41
- thead a {
42
- color: $grayscale-storm;
43
-
44
- &:hover {
45
- color: $grayscale-deep;
46
- }
47
- }
48
-
49
- tbody td {
50
- border-bottom: 1px solid darken($grayscale-pearl, 1%);
51
- color: $grayscale-storm;
52
- font-size: 15px;
53
- padding: 18px;
54
- }
55
-
56
- td {
57
- vertical-align: middle;
58
- }
59
-
60
- a {
61
- color: $sky-dark;
62
- }
63
-
64
- a:hover {
65
- color: $sky-light;
66
- }
67
-
68
- .active a {
69
- color: $grayscale-deep;
70
- }
71
- }
72
-
73
- .table--sortable {
74
-
75
- .asc a,
76
- .desc a {
77
- display: inline-block;
78
- padding-right: 14px;
79
- position: relative;
80
-
81
- &::before {
82
- @include ff-mask-image(image-url("cc/styles/icons/nubbin_arrow.svg"));
83
- background-color: $grayscale-deep;
84
- bottom: 0;
85
- content: "";
86
- mask-position: right center;
87
- mask-repeat: no-repeat;
88
- mask-size: 100% auto;
89
- position: absolute;
90
- right: 0;
91
- top: 0;
92
- width: 7px;
93
- }
94
- }
95
-
96
- .asc a {
97
- &::before {
98
- transform: rotate(180deg);
99
- }
100
- }
101
- }
102
-
103
7
  /*doc
104
8
  ---
105
9
  title: Columns
@@ -0,0 +1,150 @@
1
+ /*doc
2
+ ---
3
+ title: Table
4
+ name: table
5
+ category: tables
6
+ ---
7
+
8
+ ```slim_example
9
+ table.table
10
+ thead
11
+ tr
12
+ td Name
13
+ td Code
14
+ tbody
15
+ tr
16
+ td: a.link--secondary href="#" foo.rb
17
+ td B
18
+ ```
19
+ */
20
+
21
+ .table {
22
+ margin-bottom: 48px;
23
+ width: 100%;
24
+
25
+ thead td {
26
+ background: $grayscale-pearl;
27
+ border-bottom: 1px solid darken($grayscale-pearl, 1%);
28
+ color: $grayscale-storm;
29
+ font-size: 12px;
30
+ letter-spacing: .07em;
31
+ padding: 13px 18px;
32
+ text-transform: uppercase;
33
+ }
34
+
35
+ thead a {
36
+ color: $grayscale-storm;
37
+
38
+ &:hover {
39
+ color: $grayscale-deep;
40
+ }
41
+ }
42
+
43
+ tbody td {
44
+ border-bottom: 1px solid darken($grayscale-pearl, 1%);
45
+ color: $grayscale-storm;
46
+ font-size: 15px;
47
+ padding: 18px;
48
+ }
49
+
50
+ td {
51
+ vertical-align: middle;
52
+ }
53
+ }
54
+
55
+ /*doc
56
+ ---
57
+ title: Table with sortable headers
58
+ name: table--sortable
59
+ category: tables
60
+ ---
61
+
62
+ ```slim_example
63
+ table.table.table--sortable
64
+ thead
65
+ tr
66
+ td Name
67
+ td.asc: a href="#" Grade
68
+ tbody
69
+ tr
70
+ td: a.link--secondary href="#" foo.rb
71
+ td B
72
+ ```
73
+ */
74
+
75
+ .table--sortable {
76
+ .asc a,
77
+ .desc a {
78
+ display: inline-block;
79
+ padding-right: 14px;
80
+ position: relative;
81
+
82
+ &::before {
83
+ @include ff-mask-image(image-url("cc/styles/icons/nubbin_arrow.svg"));
84
+ background-color: $grayscale-deep;
85
+ bottom: 0;
86
+ content: "";
87
+ mask-position: right center;
88
+ mask-repeat: no-repeat;
89
+ mask-size: 100% auto;
90
+ position: absolute;
91
+ right: 0;
92
+ top: 0;
93
+ width: 7px;
94
+ }
95
+ }
96
+
97
+ .asc a {
98
+ &::before {
99
+ transform: rotate(180deg);
100
+ }
101
+ }
102
+ }
103
+
104
+ /*doc
105
+ ---
106
+ title: Table without header
107
+ name: table--no-header
108
+ category: tables
109
+ ---
110
+
111
+ A variant class to ensure a top-border for tables without column headers.
112
+
113
+ ```slim_example
114
+ table.table.table--no-header
115
+ tbody
116
+ tr
117
+ td: a.link--secondary href="#" foo.rb
118
+ td B
119
+ ```
120
+ */
121
+
122
+ .table--no-header {
123
+ tr:first-child td {
124
+ border-top: 1px solid darken($grayscale-pearl, 1%);
125
+ }
126
+ }
127
+
128
+ /*doc
129
+ ---
130
+ title: Table with right-aligned content
131
+ name: table--flush-right
132
+ category: tables
133
+ ---
134
+
135
+ A variant class to right-align the last column of content.
136
+
137
+ ```slim_example
138
+ table.table.table--no-header.table--flush-right
139
+ tbody
140
+ tr
141
+ td: a.link--secondary href="#" foo.rb
142
+ td B
143
+ ```
144
+ */
145
+
146
+ .table--flush-right {
147
+ td:last-child {
148
+ text-align: right;
149
+ }
150
+ }
@@ -1,5 +1,5 @@
1
1
  module CC
2
2
  module Styles
3
- VERSION = "0.1.4".freeze
3
+ VERSION = "0.2.0".freeze
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: codeclimate-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Code Climate
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-04-07 00:00:00.000000000 Z
11
+ date: 2017-04-12 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Foundational stylesheets for Code Climate properties
14
14
  email:
@@ -80,6 +80,7 @@ files:
80
80
  - assets/stylesheets/cc/styles/modules/_layout.scss
81
81
  - assets/stylesheets/cc/styles/modules/_lists.scss
82
82
  - assets/stylesheets/cc/styles/modules/_misc.scss
83
+ - assets/stylesheets/cc/styles/modules/_tables.scss
83
84
  - assets/stylesheets/cc/styles/modules/_tabs.scss
84
85
  - assets/stylesheets/cc/styles/modules/_typography.scss
85
86
  - assets/stylesheets/cc/styles/modules/_util.scss