table_beet 0.0.1 → 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.
- data/README.md +1 -1
- data/lib/table_beet/formatters/html_template/data/js/jquery.quicksearch.js +181 -0
- data/lib/table_beet/formatters/html_template/index.erb +45 -7
- data/lib/table_beet/version.rb +1 -1
- metadata +5 -32
- data/lib/table_beet/formatters/html_template/data/js/coffee/groundwork.coffee +0 -207
- data/lib/table_beet/formatters/html_template/data/scss/_buttons.scss +0 -178
- data/lib/table_beet/formatters/html_template/data/scss/_callouts.scss +0 -51
- data/lib/table_beet/formatters/html_template/data/scss/_font-awesome.scss +0 -534
- data/lib/table_beet/formatters/html_template/data/scss/_forms.scss +0 -164
- data/lib/table_beet/formatters/html_template/data/scss/_global.scss +0 -31
- data/lib/table_beet/formatters/html_template/data/scss/_grid.scss +0 -384
- data/lib/table_beet/formatters/html_template/data/scss/_layout.scss +0 -78
- data/lib/table_beet/formatters/html_template/data/scss/_messages.scss +0 -59
- data/lib/table_beet/formatters/html_template/data/scss/_mixins.scss +0 -197
- data/lib/table_beet/formatters/html_template/data/scss/_mobile-reset.scss +0 -11
- data/lib/table_beet/formatters/html_template/data/scss/_modals.scss +0 -101
- data/lib/table_beet/formatters/html_template/data/scss/_navigation.scss +0 -284
- data/lib/table_beet/formatters/html_template/data/scss/_orbit.scss +0 -239
- data/lib/table_beet/formatters/html_template/data/scss/_popovers.scss +0 -10
- data/lib/table_beet/formatters/html_template/data/scss/_reset.scss +0 -77
- data/lib/table_beet/formatters/html_template/data/scss/_responsive.scss +0 -293
- data/lib/table_beet/formatters/html_template/data/scss/_social-icons.scss +0 -92
- data/lib/table_beet/formatters/html_template/data/scss/_tables.scss +0 -80
- data/lib/table_beet/formatters/html_template/data/scss/_tabs.scss +0 -137
- data/lib/table_beet/formatters/html_template/data/scss/_tooltips.scss +0 -161
- data/lib/table_beet/formatters/html_template/data/scss/_typography.scss +0 -263
- data/lib/table_beet/formatters/html_template/data/scss/_ui-elements.scss +0 -10
- data/lib/table_beet/formatters/html_template/data/scss/_variables.scss +0 -134
- data/lib/table_beet/formatters/html_template/data/scss/_webfonts.scss +0 -19
- data/lib/table_beet/formatters/html_template/data/scss/groundwork-ie.scss +0 -64
- data/lib/table_beet/formatters/html_template/data/scss/groundwork.scss +0 -37
- data/lib/table_beet/formatters/html_template/data/scss/no-svg.scss +0 -69
@@ -1,80 +0,0 @@
|
|
1
|
-
// ===================================
|
2
|
-
// Tables
|
3
|
-
// ===================================
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
table {
|
9
|
-
border:1px solid $border-color;
|
10
|
-
width:100%;
|
11
|
-
max-width:100%;
|
12
|
-
padding:0;
|
13
|
-
margin:0;
|
14
|
-
font-size:1em;
|
15
|
-
&.responsive {
|
16
|
-
table-layout:fixed;
|
17
|
-
}
|
18
|
-
// styles for cells
|
19
|
-
th, td {
|
20
|
-
padding:$gutter;
|
21
|
-
background:darken(white, 1%);
|
22
|
-
white-space:normal;
|
23
|
-
word-wrap:break-word;
|
24
|
-
text-align:left;
|
25
|
-
}
|
26
|
-
td {
|
27
|
-
font-size:0.9em;
|
28
|
-
}
|
29
|
-
// every other row
|
30
|
-
tr:nth-child(even) {
|
31
|
-
th, td {
|
32
|
-
background:darken(white, 5%);
|
33
|
-
}
|
34
|
-
}
|
35
|
-
// styles for thead
|
36
|
-
thead {
|
37
|
-
tr {
|
38
|
-
th {
|
39
|
-
font-size:1.1em;
|
40
|
-
font-weight:bold;
|
41
|
-
}
|
42
|
-
th, td {
|
43
|
-
background:$button-color;
|
44
|
-
color:$button-text;
|
45
|
-
}
|
46
|
-
td {
|
47
|
-
font-weight:normal;
|
48
|
-
}
|
49
|
-
}
|
50
|
-
}
|
51
|
-
tr {
|
52
|
-
td {
|
53
|
-
|
54
|
-
}
|
55
|
-
}
|
56
|
-
// styles for tbody
|
57
|
-
tbody {
|
58
|
-
tr {
|
59
|
-
th {
|
60
|
-
font-size:0.9em;
|
61
|
-
}
|
62
|
-
td {
|
63
|
-
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
// styles for tfoot
|
68
|
-
tfoot {
|
69
|
-
tr {
|
70
|
-
th {
|
71
|
-
font-size:1em;
|
72
|
-
}
|
73
|
-
td {
|
74
|
-
background:lighten(gray, 37.5%);
|
75
|
-
color:darken(gray, 15%);
|
76
|
-
font-size:0.8em;
|
77
|
-
}
|
78
|
-
}
|
79
|
-
}
|
80
|
-
}
|
@@ -1,137 +0,0 @@
|
|
1
|
-
// ===================================
|
2
|
-
// GroundworkCSS Tabs
|
3
|
-
// ===================================
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
.tabs {
|
9
|
-
position:relative;
|
10
|
-
> ul {
|
11
|
-
display:block;
|
12
|
-
width:100%;
|
13
|
-
margin:0;
|
14
|
-
padding:0;
|
15
|
-
list-style:none;
|
16
|
-
&:after {
|
17
|
-
content:'';
|
18
|
-
display:block;
|
19
|
-
clear:both;
|
20
|
-
}
|
21
|
-
li {
|
22
|
-
display:block;
|
23
|
-
float:left;
|
24
|
-
margin:0 2px;
|
25
|
-
&.pull-right { float:right; }
|
26
|
-
&.pull-left { float:left; }
|
27
|
-
&:first-child {
|
28
|
-
margin-left:0;
|
29
|
-
a {
|
30
|
-
&:before {
|
31
|
-
display:none;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
}
|
35
|
-
a {
|
36
|
-
display:block;
|
37
|
-
position:relative;
|
38
|
-
width:100%;
|
39
|
-
word-wrap:break-word;
|
40
|
-
padding:0.25em 1em;
|
41
|
-
background:$button-color;
|
42
|
-
border:1px solid $button-color;
|
43
|
-
color:$button-text;
|
44
|
-
font-weight:bold;
|
45
|
-
font-size:1em;
|
46
|
-
text-decoration:none;
|
47
|
-
text-align:center;
|
48
|
-
cursor:pointer;
|
49
|
-
line-height:1.5;
|
50
|
-
height:2em;
|
51
|
-
@include transition(background-color 0.25s ease-out);
|
52
|
-
@include rounded($radius $radius 0 0);
|
53
|
-
&:hover, &:focus {
|
54
|
-
background:$button-active;
|
55
|
-
border:1px solid $button-active;
|
56
|
-
color:$button-text;
|
57
|
-
text-decoration:none;
|
58
|
-
&:before {
|
59
|
-
box-shadow:2px 1px 0 $button-active;
|
60
|
-
}
|
61
|
-
&:after {
|
62
|
-
box-shadow:-2px 1px 0 $button-active;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
&.active, &.active:hover, &.active:focus {
|
66
|
-
background:$button-active;
|
67
|
-
border:1px solid $button-active;
|
68
|
-
color:$button-text;
|
69
|
-
z-index:2;
|
70
|
-
@include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
|
71
|
-
&:before {
|
72
|
-
box-shadow:2px 1px 0 $button-active;
|
73
|
-
}
|
74
|
-
&:after {
|
75
|
-
box-shadow:-2px 1px 0 $button-active;
|
76
|
-
}
|
77
|
-
}
|
78
|
-
&.disabled {
|
79
|
-
background:lighten(gray, 15%);
|
80
|
-
color:lighten(gray, 35%);
|
81
|
-
cursor:not-allowed;
|
82
|
-
border-color:lighten(gray, 15%);
|
83
|
-
&:before {
|
84
|
-
box-shadow:2px 1px 0 lighten(gray, 15%);
|
85
|
-
}
|
86
|
-
&:after {
|
87
|
-
box-shadow:-2px 1px 0 lighten(gray, 15%);
|
88
|
-
}
|
89
|
-
&:hover, &:focus {
|
90
|
-
background:lighten(gray, 15%);
|
91
|
-
border:1px solid lighten(gray, 15%);
|
92
|
-
color:lighten(gray, 35%);
|
93
|
-
&:before {
|
94
|
-
box-shadow:2px 1px 0 lighten(gray, 15%);
|
95
|
-
}
|
96
|
-
&:after {
|
97
|
-
box-shadow:-2px 1px 0 lighten(gray, 15%);
|
98
|
-
}
|
99
|
-
}
|
100
|
-
}
|
101
|
-
&:before, &:after {
|
102
|
-
position:absolute;
|
103
|
-
bottom:-1px;
|
104
|
-
width:6px;
|
105
|
-
height:6px;
|
106
|
-
content:'';
|
107
|
-
}
|
108
|
-
&:before {
|
109
|
-
left:-6px;
|
110
|
-
border-bottom-right-radius:6px;
|
111
|
-
border-width:0 1px 1px 0;
|
112
|
-
box-shadow:2px 1px 0 $button-color;
|
113
|
-
}
|
114
|
-
&:after {
|
115
|
-
right:-6px;
|
116
|
-
border-bottom-left-radius:6px;
|
117
|
-
border-width:0 0 1px 1px;
|
118
|
-
box-shadow:-2px 1px 0 $button-color;
|
119
|
-
}
|
120
|
-
}
|
121
|
-
}
|
122
|
-
}
|
123
|
-
> div {
|
124
|
-
display:none;
|
125
|
-
padding:$gutter * 2;
|
126
|
-
*:first-child {
|
127
|
-
margin-top:0;
|
128
|
-
}
|
129
|
-
*:last-child {
|
130
|
-
margin-bottom:0;
|
131
|
-
}
|
132
|
-
&.active {
|
133
|
-
display:block;
|
134
|
-
border:1px solid $button-active;
|
135
|
-
}
|
136
|
-
}
|
137
|
-
}
|
@@ -1,161 +0,0 @@
|
|
1
|
-
// ===================================
|
2
|
-
// Tooltips
|
3
|
-
// ===================================
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
.tooltip:not([title]):not([role~=tooltip]) {
|
9
|
-
position:relative;
|
10
|
-
padding:5px 15px;
|
11
|
-
background:$button-color;
|
12
|
-
border:1px solid $border-color;
|
13
|
-
@include rounded($radius);
|
14
|
-
@include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
|
15
|
-
font-size:13px;
|
16
|
-
color:$button-text;
|
17
|
-
&:after {
|
18
|
-
content:'';
|
19
|
-
display:block;
|
20
|
-
position:absolute;
|
21
|
-
margin-top:5px;
|
22
|
-
width:0;
|
23
|
-
height:0;
|
24
|
-
border-top:6px solid $button-color;
|
25
|
-
border-right:6px solid transparent;
|
26
|
-
border-left:6px solid transparent;
|
27
|
-
}
|
28
|
-
&:before {
|
29
|
-
content:'';
|
30
|
-
display:block;
|
31
|
-
position:absolute;
|
32
|
-
bottom:-7px;
|
33
|
-
left:12px;
|
34
|
-
border-top:6px solid $border-color;
|
35
|
-
border-right:9px solid transparent;
|
36
|
-
border-left:9px solid transparent;
|
37
|
-
}
|
38
|
-
a.close {
|
39
|
-
display:block;
|
40
|
-
width:17px;
|
41
|
-
height:17px;
|
42
|
-
line-height:17px;
|
43
|
-
padding:0;
|
44
|
-
margin:0 -10px 5px 5px;
|
45
|
-
text-align:center;
|
46
|
-
float:right;
|
47
|
-
color:$button-text;
|
48
|
-
border:1px solid lighten($button-color, 15%);
|
49
|
-
background:white;
|
50
|
-
text-decoration:none;
|
51
|
-
font-size:12px;
|
52
|
-
@include rounded($radius / 2);
|
53
|
-
i {
|
54
|
-
color:inherit;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
}
|
58
|
-
#tooltip {
|
59
|
-
display:block;
|
60
|
-
max-width:640px;
|
61
|
-
position:absolute;
|
62
|
-
z-index:97;
|
63
|
-
padding:5px 15px;
|
64
|
-
background:$button-color;
|
65
|
-
border:1px solid $border-color;
|
66
|
-
@include rounded($radius);
|
67
|
-
@include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
|
68
|
-
font-size:13px;
|
69
|
-
text-transform:normal;
|
70
|
-
color:$button-text;
|
71
|
-
&:after, &:before {
|
72
|
-
content:'';
|
73
|
-
position:absolute;
|
74
|
-
z-index:98;
|
75
|
-
width:0;
|
76
|
-
height:0;
|
77
|
-
}
|
78
|
-
&:after {
|
79
|
-
z-index:99;
|
80
|
-
}
|
81
|
-
&.top.right {
|
82
|
-
&:after {
|
83
|
-
top:auto;
|
84
|
-
right:12px;
|
85
|
-
bottom:-6px;
|
86
|
-
left:auto;
|
87
|
-
border-top:6px solid $button-color;
|
88
|
-
border-right:6px solid transparent;
|
89
|
-
border-left:6px solid transparent;
|
90
|
-
}
|
91
|
-
&:before {
|
92
|
-
top:auto;
|
93
|
-
right:10px;
|
94
|
-
bottom:-7px;
|
95
|
-
left:auto;
|
96
|
-
border-top:6px solid $border-color;
|
97
|
-
border-right:8px solid transparent;
|
98
|
-
border-left:8px solid transparent;
|
99
|
-
}
|
100
|
-
}
|
101
|
-
&.top.left {
|
102
|
-
&:after {
|
103
|
-
top:auto;
|
104
|
-
right:auto;
|
105
|
-
bottom:-6px;
|
106
|
-
left:12px;
|
107
|
-
border-top:6px solid $button-color;
|
108
|
-
border-right:6px solid transparent;
|
109
|
-
border-left:6px solid transparent;
|
110
|
-
}
|
111
|
-
&:before {
|
112
|
-
top:auto;
|
113
|
-
right:auto;
|
114
|
-
bottom:-7px;
|
115
|
-
left:10px;
|
116
|
-
border-top:6px solid $border-color;
|
117
|
-
border-right:8px solid transparent;
|
118
|
-
border-left:8px solid transparent;
|
119
|
-
}
|
120
|
-
}
|
121
|
-
&.bottom.right {
|
122
|
-
&:after {
|
123
|
-
top:-6px;
|
124
|
-
right:12px;
|
125
|
-
bottom:auto;
|
126
|
-
left:auto;
|
127
|
-
border-right:6px solid transparent;
|
128
|
-
border-bottom:6px solid $button-color;
|
129
|
-
border-left:6px solid transparent;
|
130
|
-
}
|
131
|
-
&:before {
|
132
|
-
top:-7px;
|
133
|
-
right:10px;
|
134
|
-
bottom:auto;
|
135
|
-
left:auto;
|
136
|
-
border-right:8px solid transparent;
|
137
|
-
border-bottom:6px solid $border-color;
|
138
|
-
border-left:8px solid transparent;
|
139
|
-
}
|
140
|
-
}
|
141
|
-
&.bottom.left {
|
142
|
-
&:after {
|
143
|
-
top:-6px;
|
144
|
-
right:auto;
|
145
|
-
bottom:auto;
|
146
|
-
left:12px;
|
147
|
-
border-right:6px solid transparent;
|
148
|
-
border-bottom:6px solid $button-color;
|
149
|
-
border-left:6px solid transparent;
|
150
|
-
}
|
151
|
-
&:before {
|
152
|
-
top:-7px;
|
153
|
-
right:auto;
|
154
|
-
bottom:auto;
|
155
|
-
left:10px;
|
156
|
-
border-right:8px solid transparent;
|
157
|
-
border-bottom:6px solid $border-color;
|
158
|
-
border-left:8px solid transparent;
|
159
|
-
}
|
160
|
-
}
|
161
|
-
}
|
@@ -1,263 +0,0 @@
|
|
1
|
-
// ===================================
|
2
|
-
// GroundworkCSS Typography
|
3
|
-
// ===================================
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
body {
|
9
|
-
font-family:$font-family;
|
10
|
-
font-size:$font-size;
|
11
|
-
line-height:1.2;
|
12
|
-
color:$font-color;
|
13
|
-
}
|
14
|
-
::selection {
|
15
|
-
background:$selection-color;
|
16
|
-
color:$selection-text;
|
17
|
-
}
|
18
|
-
::-moz-selection {
|
19
|
-
background:$selection-color;
|
20
|
-
color:$selection-text;
|
21
|
-
}
|
22
|
-
// * {
|
23
|
-
// outline:none;
|
24
|
-
// &:focus {
|
25
|
-
// @include filter-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
|
26
|
-
// }
|
27
|
-
// }
|
28
|
-
a, a:visited {
|
29
|
-
color:$link-color;
|
30
|
-
@include transition(color 0.25s);
|
31
|
-
&:hover, &:focus {
|
32
|
-
text-decoration:underline;
|
33
|
-
}
|
34
|
-
}
|
35
|
-
h1.heading {
|
36
|
-
font-size:3em;
|
37
|
-
text-shadow:0 0 5px rgba(0,0,0,0.25);
|
38
|
-
a, a:visited {
|
39
|
-
color:$font-color;
|
40
|
-
text-decoration:none;
|
41
|
-
a:hover, a:focus {
|
42
|
-
color:$font-color;
|
43
|
-
text-decoration:none;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
sup {
|
47
|
-
font-size:0.35em;
|
48
|
-
}
|
49
|
-
.logo {
|
50
|
-
display:inline-block;
|
51
|
-
width:1em;
|
52
|
-
height:1em;
|
53
|
-
position:relative;
|
54
|
-
top:0.1em;
|
55
|
-
background:transparent url('../images/groundwork-logo.svg') bottom right no-repeat;
|
56
|
-
background-size:100% 100%;
|
57
|
-
text-indent:-9999em;
|
58
|
-
overflow:hidden;
|
59
|
-
@include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0); // color, blur, x, y
|
60
|
-
}
|
61
|
-
}
|
62
|
-
h1, h2, h3, h4, h5, h6 {
|
63
|
-
@include font-stack('Average Sans');
|
64
|
-
line-height:1.1;
|
65
|
-
margin-bottom:15px;
|
66
|
-
}
|
67
|
-
h1 {
|
68
|
-
font-weight:200;
|
69
|
-
font-size:$font-size * 2.3333333333;
|
70
|
-
}
|
71
|
-
h2 {
|
72
|
-
font-weight:200;
|
73
|
-
font-size:$font-size * 2;
|
74
|
-
}
|
75
|
-
h3 {
|
76
|
-
font-weight:500;
|
77
|
-
font-size:$font-size * 1.5;
|
78
|
-
}
|
79
|
-
h4 {
|
80
|
-
font-weight:500;
|
81
|
-
font-size:$font-size * 1.3333333333;
|
82
|
-
}
|
83
|
-
h5 {
|
84
|
-
font-weight:900;
|
85
|
-
font-size:$font-size * 1.1666666667;
|
86
|
-
}
|
87
|
-
h6 {
|
88
|
-
font-weight:900;
|
89
|
-
font-size:$font-size * 1.1666666667;
|
90
|
-
text-transform:uppercase;
|
91
|
-
}
|
92
|
-
p, ul, ol, dl {
|
93
|
-
margin-bottom:10px;
|
94
|
-
font-weight:normal;
|
95
|
-
font-size:1em;
|
96
|
-
line-height:1.6;
|
97
|
-
}
|
98
|
-
ul, ol {
|
99
|
-
margin-left:20px;
|
100
|
-
}
|
101
|
-
ul {
|
102
|
-
list-style-type:circle;
|
103
|
-
}
|
104
|
-
ul.list {
|
105
|
-
list-style:none;
|
106
|
-
margin-left:0;
|
107
|
-
li {
|
108
|
-
&:before {
|
109
|
-
content:'\f00c';
|
110
|
-
display: inline-block;
|
111
|
-
width: 1.1em;
|
112
|
-
margin-right:0.25em;
|
113
|
-
font-family: FontAwesome;
|
114
|
-
font-weight: normal;
|
115
|
-
font-style: normal;
|
116
|
-
font-size:1.1em;
|
117
|
-
text-decoration: inherit;
|
118
|
-
-webkit-font-smoothing: antialiased;
|
119
|
-
line-height: normal;
|
120
|
-
vertical-align: baseline;
|
121
|
-
background-image: none;
|
122
|
-
background-position: 0% 0%;
|
123
|
-
background-repeat: repeat;
|
124
|
-
margin-top: 0;
|
125
|
-
}
|
126
|
-
}
|
127
|
-
}
|
128
|
-
ol.list {
|
129
|
-
counter-reset:li;
|
130
|
-
list-style:none;
|
131
|
-
margin-left:1.5em;
|
132
|
-
}
|
133
|
-
ol.list > li {
|
134
|
-
position:relative;
|
135
|
-
padding:2px 6px 0;
|
136
|
-
}
|
137
|
-
ol.list > li:before {
|
138
|
-
content:counter(li);
|
139
|
-
counter-increment:li;
|
140
|
-
position:absolute;
|
141
|
-
top:2px;
|
142
|
-
left:-2em;
|
143
|
-
width:2em;
|
144
|
-
text-align:center;
|
145
|
-
padding:2px;
|
146
|
-
font-size:0.8em;
|
147
|
-
color:$background-color;
|
148
|
-
background:$font-color;
|
149
|
-
font-weight:bold;
|
150
|
-
@include rounded(4px);
|
151
|
-
}
|
152
|
-
dl {
|
153
|
-
dt {
|
154
|
-
font-weight:bold;
|
155
|
-
}
|
156
|
-
dd {
|
157
|
-
padding-left:1em;
|
158
|
-
margin-bottom:$gutter;
|
159
|
-
}
|
160
|
-
}
|
161
|
-
blockquote {
|
162
|
-
padding:1.3em 4em 1em;
|
163
|
-
color:$font-color;
|
164
|
-
font-size:$font-size*1.15;
|
165
|
-
font-weight:bold;
|
166
|
-
line-height:1.4;
|
167
|
-
position:relative;
|
168
|
-
z-index:0;
|
169
|
-
&:before {
|
170
|
-
content:'\201C';
|
171
|
-
color:darken($background-color, 20%);
|
172
|
-
font-size:6em;
|
173
|
-
display:block;
|
174
|
-
position:absolute;
|
175
|
-
top:-0.15em;
|
176
|
-
left:0.1em;
|
177
|
-
z-index:-1;
|
178
|
-
}
|
179
|
-
&:after {
|
180
|
-
content:'\201D';
|
181
|
-
color:darken($background-color, 20%);
|
182
|
-
font-size:6em;
|
183
|
-
display:block;
|
184
|
-
position:absolute;
|
185
|
-
top:-0.15em;
|
186
|
-
right:0.1em;
|
187
|
-
z-index:-1;
|
188
|
-
}
|
189
|
-
}
|
190
|
-
cite {
|
191
|
-
display:block;
|
192
|
-
position:relative;
|
193
|
-
left:-1em;
|
194
|
-
margin-top:0.25em;
|
195
|
-
font-size:0.95em;
|
196
|
-
font-weight:normal;
|
197
|
-
font-style:normal;
|
198
|
-
color:lighten($font-color, 15%);
|
199
|
-
&:before {
|
200
|
-
content:'\2014';
|
201
|
-
}
|
202
|
-
}
|
203
|
-
small, .small { font-size:0.8em; }
|
204
|
-
big, .big, .large { font-size:1.5em; }
|
205
|
-
em, .italic { font-style:italic; }
|
206
|
-
b, strong, .bold, .strong { font-weight:900; }
|
207
|
-
sup { font-size:0.8em; }
|
208
|
-
sub { font-size:0.8em; }
|
209
|
-
|
210
|
-
code {
|
211
|
-
color: white;
|
212
|
-
white-space: pre-wrap;
|
213
|
-
word-wrap: break-word;
|
214
|
-
min-height: 1em;
|
215
|
-
display: inline-block;
|
216
|
-
color: white;
|
217
|
-
background: lighten(gray, 5%);
|
218
|
-
border: none;
|
219
|
-
padding: 0 0.3em;
|
220
|
-
margin: 0 0.2em;
|
221
|
-
font-weight: normal;
|
222
|
-
line-height: inherit;
|
223
|
-
}
|
224
|
-
|
225
|
-
pre {
|
226
|
-
color: white;
|
227
|
-
background: #050505;
|
228
|
-
font-size: 0.9em;
|
229
|
-
padding: 0.5em;
|
230
|
-
display: block;
|
231
|
-
margin-bottom:$gutter;
|
232
|
-
border-left: 2.5em solid gray;
|
233
|
-
counter-reset: linenumber;
|
234
|
-
code {
|
235
|
-
background: inherit;
|
236
|
-
margin: 0;
|
237
|
-
padding: 0;
|
238
|
-
&:before {
|
239
|
-
text-align: right;
|
240
|
-
color: white;
|
241
|
-
width: 2em;
|
242
|
-
display: inline-block;
|
243
|
-
counter-increment: linenumber;
|
244
|
-
content: counter(linenumber) ".";
|
245
|
-
position: absolute;
|
246
|
-
left: 1.2em;
|
247
|
-
}
|
248
|
-
}
|
249
|
-
}
|
250
|
-
|
251
|
-
.error, .invalid {
|
252
|
-
color:$error-color;
|
253
|
-
}
|
254
|
-
.success, .valid {
|
255
|
-
color:$success-color;
|
256
|
-
}
|
257
|
-
// responsive headings
|
258
|
-
.js {
|
259
|
-
.responsive {
|
260
|
-
@include transition(font 0.25s);
|
261
|
-
white-space:nowrap;
|
262
|
-
}
|
263
|
-
}
|