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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 57ce11e798eb6012ac6d29863bb7501eeb890af9
|
4
|
+
data.tar.gz: fccc873a52097373fb018e0c4c3cb08ad44b7e8a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e880b098c06046b8c51679620c47832d296c10add1f45804c2111c9073f06ff2adf971b0a6e73f354dddd273c453679f82d38fde4fe57d5f94ceb523437033b1
|
7
|
+
data.tar.gz: 94b24fea02f1455de42688368ae7d889f8f861bf779126e3be80aadd73d0f3668f1f3db1d5c0cd52813e240126b708aac355214544f2ea9b3e0afa2f656401fe
|
@@ -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
|
+
}
|
data/lib/cc/styles/version.rb
CHANGED
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.
|
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-
|
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
|