apx-docs-theme 0.1.1
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +39 -0
- data/_includes/footer.html +10 -0
- data/_includes/head.html +14 -0
- data/_includes/js_files.html +8 -0
- data/_includes/pages_nav.html +40 -0
- data/_includes/section_nav.html +52 -0
- data/_includes/toc.html +87 -0
- data/_includes/topnav.html +37 -0
- data/_layouts/default.html +20 -0
- data/_layouts/docs.html +36 -0
- data/_layouts/page.html +15 -0
- data/_layouts/post.html +43 -0
- data/_sass/_bootstrap.scss +56 -0
- data/_sass/_syntax-highlighting.scss +71 -0
- data/_sass/_typeahead.scss +59 -0
- data/_sass/bootstrap/_alerts.scss +73 -0
- data/_sass/bootstrap/_badges.scss +68 -0
- data/_sass/bootstrap/_breadcrumbs.scss +28 -0
- data/_sass/bootstrap/_button-groups.scss +244 -0
- data/_sass/bootstrap/_buttons.scss +168 -0
- data/_sass/bootstrap/_carousel.scss +270 -0
- data/_sass/bootstrap/_close.scss +36 -0
- data/_sass/bootstrap/_code.scss +69 -0
- data/_sass/bootstrap/_component-animations.scss +37 -0
- data/_sass/bootstrap/_dropdowns.scss +216 -0
- data/_sass/bootstrap/_forms.scss +617 -0
- data/_sass/bootstrap/_glyphicons.scss +307 -0
- data/_sass/bootstrap/_grid.scss +84 -0
- data/_sass/bootstrap/_input-groups.scss +171 -0
- data/_sass/bootstrap/_jumbotron.scss +54 -0
- data/_sass/bootstrap/_labels.scss +66 -0
- data/_sass/bootstrap/_list-group.scss +130 -0
- data/_sass/bootstrap/_media.scss +66 -0
- data/_sass/bootstrap/_mixins.scss +40 -0
- data/_sass/bootstrap/_modals.scss +150 -0
- data/_sass/bootstrap/_navbar.scss +662 -0
- data/_sass/bootstrap/_navs.scss +242 -0
- data/_sass/bootstrap/_normalize.scss +424 -0
- data/_sass/bootstrap/_pager.scss +54 -0
- data/_sass/bootstrap/_pagination.scss +89 -0
- data/_sass/bootstrap/_panels.scss +271 -0
- data/_sass/bootstrap/_popovers.scss +131 -0
- data/_sass/bootstrap/_print.scss +101 -0
- data/_sass/bootstrap/_progress-bars.scss +87 -0
- data/_sass/bootstrap/_responsive-embed.scss +35 -0
- data/_sass/bootstrap/_responsive-utilities.scss +179 -0
- data/_sass/bootstrap/_scaffolding.scss +161 -0
- data/_sass/bootstrap/_tables.scss +234 -0
- data/_sass/bootstrap/_theme.scss +291 -0
- data/_sass/bootstrap/_thumbnails.scss +38 -0
- data/_sass/bootstrap/_tooltip.scss +101 -0
- data/_sass/bootstrap/_type.scss +298 -0
- data/_sass/bootstrap/_utilities.scss +55 -0
- data/_sass/bootstrap/_variables.scss +874 -0
- data/_sass/bootstrap/_wells.scss +29 -0
- data/_sass/bootstrap/mixins/_alerts.scss +14 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
- data/_sass/bootstrap/mixins/_buttons.scss +65 -0
- data/_sass/bootstrap/mixins/_center-block.scss +7 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
- data/_sass/bootstrap/mixins/_forms.scss +88 -0
- data/_sass/bootstrap/mixins/_gradients.scss +58 -0
- data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
- data/_sass/bootstrap/mixins/_grid.scss +122 -0
- data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
- data/_sass/bootstrap/mixins/_image.scss +33 -0
- data/_sass/bootstrap/mixins/_labels.scss +12 -0
- data/_sass/bootstrap/mixins/_list-group.scss +32 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
- data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
- data/_sass/bootstrap/mixins/_opacity.scss +8 -0
- data/_sass/bootstrap/mixins/_pagination.scss +24 -0
- data/_sass/bootstrap/mixins/_panels.scss +24 -0
- data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
- data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
- data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
- data/_sass/bootstrap/mixins/_resize.scss +6 -0
- data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
- data/_sass/bootstrap/mixins/_size.scss +10 -0
- data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
- data/_sass/bootstrap/mixins/_table-row.scss +28 -0
- data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
- data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
- data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
- data/assets/css/font-awesome.min.css +4 -0
- data/assets/css/main.scss +94 -0
- data/assets/fonts/FontAwesome.otf +0 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +2671 -0
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/img/bg.jpg +0 -0
- data/assets/img/logo.png +0 -0
- data/assets/js/bootstrap.min.js +7 -0
- data/assets/js/main.js +34 -0
- data/assets/js/typeahead.bundle.min.js +8 -0
- metadata +255 -0
@@ -0,0 +1,101 @@
|
|
1
|
+
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
|
2
|
+
|
3
|
+
// ==========================================================================
|
4
|
+
// Print styles.
|
5
|
+
// Inlined to avoid the additional HTTP request: h5bp.com/r
|
6
|
+
// ==========================================================================
|
7
|
+
|
8
|
+
@media print {
|
9
|
+
*,
|
10
|
+
*:before,
|
11
|
+
*:after {
|
12
|
+
background: transparent !important;
|
13
|
+
color: #000 !important; // Black prints faster: h5bp.com/s
|
14
|
+
box-shadow: none !important;
|
15
|
+
text-shadow: none !important;
|
16
|
+
}
|
17
|
+
|
18
|
+
a,
|
19
|
+
a:visited {
|
20
|
+
text-decoration: underline;
|
21
|
+
}
|
22
|
+
|
23
|
+
a[href]:after {
|
24
|
+
content: " (" attr(href) ")";
|
25
|
+
}
|
26
|
+
|
27
|
+
abbr[title]:after {
|
28
|
+
content: " (" attr(title) ")";
|
29
|
+
}
|
30
|
+
|
31
|
+
// Don't show links that are fragment identifiers,
|
32
|
+
// or use the `javascript:` pseudo protocol
|
33
|
+
a[href^="#"]:after,
|
34
|
+
a[href^="javascript:"]:after {
|
35
|
+
content: "";
|
36
|
+
}
|
37
|
+
|
38
|
+
pre,
|
39
|
+
blockquote {
|
40
|
+
border: 1px solid #999;
|
41
|
+
page-break-inside: avoid;
|
42
|
+
}
|
43
|
+
|
44
|
+
thead {
|
45
|
+
display: table-header-group; // h5bp.com/t
|
46
|
+
}
|
47
|
+
|
48
|
+
tr,
|
49
|
+
img {
|
50
|
+
page-break-inside: avoid;
|
51
|
+
}
|
52
|
+
|
53
|
+
img {
|
54
|
+
max-width: 100% !important;
|
55
|
+
}
|
56
|
+
|
57
|
+
p,
|
58
|
+
h2,
|
59
|
+
h3 {
|
60
|
+
orphans: 3;
|
61
|
+
widows: 3;
|
62
|
+
}
|
63
|
+
|
64
|
+
h2,
|
65
|
+
h3 {
|
66
|
+
page-break-after: avoid;
|
67
|
+
}
|
68
|
+
|
69
|
+
// Bootstrap specific changes start
|
70
|
+
|
71
|
+
// Bootstrap components
|
72
|
+
.navbar {
|
73
|
+
display: none;
|
74
|
+
}
|
75
|
+
.btn,
|
76
|
+
.dropup > .btn {
|
77
|
+
> .caret {
|
78
|
+
border-top-color: #000 !important;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
.label {
|
82
|
+
border: 1px solid #000;
|
83
|
+
}
|
84
|
+
|
85
|
+
.table {
|
86
|
+
border-collapse: collapse !important;
|
87
|
+
|
88
|
+
td,
|
89
|
+
th {
|
90
|
+
background-color: #fff !important;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
.table-bordered {
|
94
|
+
th,
|
95
|
+
td {
|
96
|
+
border: 1px solid #ddd !important;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
// Bootstrap specific changes end
|
101
|
+
}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Bar animations
|
7
|
+
// -------------------------
|
8
|
+
|
9
|
+
// WebKit
|
10
|
+
@-webkit-keyframes progress-bar-stripes {
|
11
|
+
from { background-position: 40px 0; }
|
12
|
+
to { background-position: 0 0; }
|
13
|
+
}
|
14
|
+
|
15
|
+
// Spec and IE10+
|
16
|
+
@keyframes progress-bar-stripes {
|
17
|
+
from { background-position: 40px 0; }
|
18
|
+
to { background-position: 0 0; }
|
19
|
+
}
|
20
|
+
|
21
|
+
|
22
|
+
// Bar itself
|
23
|
+
// -------------------------
|
24
|
+
|
25
|
+
// Outer container
|
26
|
+
.progress {
|
27
|
+
overflow: hidden;
|
28
|
+
height: $line-height-computed;
|
29
|
+
margin-bottom: $line-height-computed;
|
30
|
+
background-color: $progress-bg;
|
31
|
+
border-radius: $progress-border-radius;
|
32
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
33
|
+
}
|
34
|
+
|
35
|
+
// Bar of progress
|
36
|
+
.progress-bar {
|
37
|
+
float: left;
|
38
|
+
width: 0%;
|
39
|
+
height: 100%;
|
40
|
+
font-size: $font-size-small;
|
41
|
+
line-height: $line-height-computed;
|
42
|
+
color: $progress-bar-color;
|
43
|
+
text-align: center;
|
44
|
+
background-color: $progress-bar-bg;
|
45
|
+
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
46
|
+
@include transition(width .6s ease);
|
47
|
+
}
|
48
|
+
|
49
|
+
// Striped bars
|
50
|
+
//
|
51
|
+
// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
|
52
|
+
// `.progress-bar-striped` class, which you just add to an existing
|
53
|
+
// `.progress-bar`.
|
54
|
+
.progress-striped .progress-bar,
|
55
|
+
.progress-bar-striped {
|
56
|
+
@include gradient-striped;
|
57
|
+
background-size: 40px 40px;
|
58
|
+
}
|
59
|
+
|
60
|
+
// Call animation for the active one
|
61
|
+
//
|
62
|
+
// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
|
63
|
+
// `.progress-bar.active` approach.
|
64
|
+
.progress.active .progress-bar,
|
65
|
+
.progress-bar.active {
|
66
|
+
@include animation(progress-bar-stripes 2s linear infinite);
|
67
|
+
}
|
68
|
+
|
69
|
+
|
70
|
+
// Variations
|
71
|
+
// -------------------------
|
72
|
+
|
73
|
+
.progress-bar-success {
|
74
|
+
@include progress-bar-variant($progress-bar-success-bg);
|
75
|
+
}
|
76
|
+
|
77
|
+
.progress-bar-info {
|
78
|
+
@include progress-bar-variant($progress-bar-info-bg);
|
79
|
+
}
|
80
|
+
|
81
|
+
.progress-bar-warning {
|
82
|
+
@include progress-bar-variant($progress-bar-warning-bg);
|
83
|
+
}
|
84
|
+
|
85
|
+
.progress-bar-danger {
|
86
|
+
@include progress-bar-variant($progress-bar-danger-bg);
|
87
|
+
}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
// Embeds responsive
|
2
|
+
//
|
3
|
+
// Credit: Nicolas Gallagher and SUIT CSS.
|
4
|
+
|
5
|
+
.embed-responsive {
|
6
|
+
position: relative;
|
7
|
+
display: block;
|
8
|
+
height: 0;
|
9
|
+
padding: 0;
|
10
|
+
overflow: hidden;
|
11
|
+
|
12
|
+
.embed-responsive-item,
|
13
|
+
iframe,
|
14
|
+
embed,
|
15
|
+
object,
|
16
|
+
video {
|
17
|
+
position: absolute;
|
18
|
+
top: 0;
|
19
|
+
left: 0;
|
20
|
+
bottom: 0;
|
21
|
+
height: 100%;
|
22
|
+
width: 100%;
|
23
|
+
border: 0;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
// Modifier class for 16:9 aspect ratio
|
28
|
+
.embed-responsive-16by9 {
|
29
|
+
padding-bottom: 56.25%;
|
30
|
+
}
|
31
|
+
|
32
|
+
// Modifier class for 4:3 aspect ratio
|
33
|
+
.embed-responsive-4by3 {
|
34
|
+
padding-bottom: 75%;
|
35
|
+
}
|
@@ -0,0 +1,179 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Utility classes
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// IE10 in Windows (Phone) 8
|
7
|
+
//
|
8
|
+
// Support for responsive views via media queries is kind of borked in IE10, for
|
9
|
+
// Surface/desktop in split view and for Windows Phone 8. This particular fix
|
10
|
+
// must be accompanied by a snippet of JavaScript to sniff the user agent and
|
11
|
+
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
|
12
|
+
// our Getting Started page for more information on this bug.
|
13
|
+
//
|
14
|
+
// For more information, see the following:
|
15
|
+
//
|
16
|
+
// Issue: https://github.com/twbs/bootstrap/issues/10497
|
17
|
+
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
|
18
|
+
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
|
19
|
+
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
20
|
+
|
21
|
+
@at-root {
|
22
|
+
@-ms-viewport {
|
23
|
+
width: device-width;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
|
28
|
+
// Visibility utilities
|
29
|
+
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
|
30
|
+
|
31
|
+
@include responsive-invisibility('.visible-xs');
|
32
|
+
@include responsive-invisibility('.visible-sm');
|
33
|
+
@include responsive-invisibility('.visible-md');
|
34
|
+
@include responsive-invisibility('.visible-lg');
|
35
|
+
|
36
|
+
.visible-xs-block,
|
37
|
+
.visible-xs-inline,
|
38
|
+
.visible-xs-inline-block,
|
39
|
+
.visible-sm-block,
|
40
|
+
.visible-sm-inline,
|
41
|
+
.visible-sm-inline-block,
|
42
|
+
.visible-md-block,
|
43
|
+
.visible-md-inline,
|
44
|
+
.visible-md-inline-block,
|
45
|
+
.visible-lg-block,
|
46
|
+
.visible-lg-inline,
|
47
|
+
.visible-lg-inline-block {
|
48
|
+
display: none !important;
|
49
|
+
}
|
50
|
+
|
51
|
+
@media (max-width: $screen-xs-max) {
|
52
|
+
@include responsive-visibility('.visible-xs');
|
53
|
+
}
|
54
|
+
.visible-xs-block {
|
55
|
+
@media (max-width: $screen-xs-max) {
|
56
|
+
display: block !important;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
.visible-xs-inline {
|
60
|
+
@media (max-width: $screen-xs-max) {
|
61
|
+
display: inline !important;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
.visible-xs-inline-block {
|
65
|
+
@media (max-width: $screen-xs-max) {
|
66
|
+
display: inline-block !important;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
71
|
+
@include responsive-visibility('.visible-sm');
|
72
|
+
}
|
73
|
+
.visible-sm-block {
|
74
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
75
|
+
display: block !important;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
.visible-sm-inline {
|
79
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
80
|
+
display: inline !important;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
.visible-sm-inline-block {
|
84
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
85
|
+
display: inline-block !important;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
90
|
+
@include responsive-visibility('.visible-md');
|
91
|
+
}
|
92
|
+
.visible-md-block {
|
93
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
94
|
+
display: block !important;
|
95
|
+
}
|
96
|
+
}
|
97
|
+
.visible-md-inline {
|
98
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
99
|
+
display: inline !important;
|
100
|
+
}
|
101
|
+
}
|
102
|
+
.visible-md-inline-block {
|
103
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
104
|
+
display: inline-block !important;
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
@media (min-width: $screen-lg-min) {
|
109
|
+
@include responsive-visibility('.visible-lg');
|
110
|
+
}
|
111
|
+
.visible-lg-block {
|
112
|
+
@media (min-width: $screen-lg-min) {
|
113
|
+
display: block !important;
|
114
|
+
}
|
115
|
+
}
|
116
|
+
.visible-lg-inline {
|
117
|
+
@media (min-width: $screen-lg-min) {
|
118
|
+
display: inline !important;
|
119
|
+
}
|
120
|
+
}
|
121
|
+
.visible-lg-inline-block {
|
122
|
+
@media (min-width: $screen-lg-min) {
|
123
|
+
display: inline-block !important;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
|
127
|
+
@media (max-width: $screen-xs-max) {
|
128
|
+
@include responsive-invisibility('.hidden-xs');
|
129
|
+
}
|
130
|
+
|
131
|
+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
|
132
|
+
@include responsive-invisibility('.hidden-sm');
|
133
|
+
}
|
134
|
+
|
135
|
+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
|
136
|
+
@include responsive-invisibility('.hidden-md');
|
137
|
+
}
|
138
|
+
|
139
|
+
@media (min-width: $screen-lg-min) {
|
140
|
+
@include responsive-invisibility('.hidden-lg');
|
141
|
+
}
|
142
|
+
|
143
|
+
|
144
|
+
// Print utilities
|
145
|
+
//
|
146
|
+
// Media queries are placed on the inside to be mixin-friendly.
|
147
|
+
|
148
|
+
// Note: Deprecated .visible-print as of v3.2.0
|
149
|
+
|
150
|
+
@include responsive-invisibility('.visible-print');
|
151
|
+
|
152
|
+
@media print {
|
153
|
+
@include responsive-visibility('.visible-print');
|
154
|
+
}
|
155
|
+
.visible-print-block {
|
156
|
+
display: none !important;
|
157
|
+
|
158
|
+
@media print {
|
159
|
+
display: block !important;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
.visible-print-inline {
|
163
|
+
display: none !important;
|
164
|
+
|
165
|
+
@media print {
|
166
|
+
display: inline !important;
|
167
|
+
}
|
168
|
+
}
|
169
|
+
.visible-print-inline-block {
|
170
|
+
display: none !important;
|
171
|
+
|
172
|
+
@media print {
|
173
|
+
display: inline-block !important;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
|
177
|
+
@media print {
|
178
|
+
@include responsive-invisibility('.hidden-print');
|
179
|
+
}
|
@@ -0,0 +1,161 @@
|
|
1
|
+
//
|
2
|
+
// Scaffolding
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Reset the box-sizing
|
7
|
+
//
|
8
|
+
// Heads up! This reset may cause conflicts with some third-party widgets.
|
9
|
+
// For recommendations on resolving such conflicts, see
|
10
|
+
// http://getbootstrap.com/getting-started/#third-box-sizing
|
11
|
+
* {
|
12
|
+
@include box-sizing(border-box);
|
13
|
+
}
|
14
|
+
*:before,
|
15
|
+
*:after {
|
16
|
+
@include box-sizing(border-box);
|
17
|
+
}
|
18
|
+
|
19
|
+
|
20
|
+
// Body reset
|
21
|
+
|
22
|
+
html {
|
23
|
+
font-size: 10px;
|
24
|
+
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
25
|
+
}
|
26
|
+
|
27
|
+
body {
|
28
|
+
font-family: $font-family-base;
|
29
|
+
font-size: $font-size-base;
|
30
|
+
line-height: $line-height-base;
|
31
|
+
color: $text-color;
|
32
|
+
background-color: $body-bg;
|
33
|
+
}
|
34
|
+
|
35
|
+
// Reset fonts for relevant elements
|
36
|
+
input,
|
37
|
+
button,
|
38
|
+
select,
|
39
|
+
textarea {
|
40
|
+
font-family: inherit;
|
41
|
+
font-size: inherit;
|
42
|
+
line-height: inherit;
|
43
|
+
}
|
44
|
+
|
45
|
+
|
46
|
+
// Links
|
47
|
+
|
48
|
+
a {
|
49
|
+
color: $link-color;
|
50
|
+
text-decoration: none;
|
51
|
+
|
52
|
+
&:hover,
|
53
|
+
&:focus {
|
54
|
+
color: $link-hover-color;
|
55
|
+
text-decoration: $link-hover-decoration;
|
56
|
+
}
|
57
|
+
|
58
|
+
&:focus {
|
59
|
+
@include tab-focus;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
63
|
+
|
64
|
+
// Figures
|
65
|
+
//
|
66
|
+
// We reset this here because previously Normalize had no `figure` margins. This
|
67
|
+
// ensures we don't break anyone's use of the element.
|
68
|
+
|
69
|
+
figure {
|
70
|
+
margin: 0;
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
// Images
|
75
|
+
|
76
|
+
img {
|
77
|
+
vertical-align: middle;
|
78
|
+
}
|
79
|
+
|
80
|
+
// Responsive images (ensure images don't scale beyond their parents)
|
81
|
+
.img-responsive {
|
82
|
+
@include img-responsive;
|
83
|
+
}
|
84
|
+
|
85
|
+
// Rounded corners
|
86
|
+
.img-rounded {
|
87
|
+
border-radius: $border-radius-large;
|
88
|
+
}
|
89
|
+
|
90
|
+
// Image thumbnails
|
91
|
+
//
|
92
|
+
// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
|
93
|
+
.img-thumbnail {
|
94
|
+
padding: $thumbnail-padding;
|
95
|
+
line-height: $line-height-base;
|
96
|
+
background-color: $thumbnail-bg;
|
97
|
+
border: 1px solid $thumbnail-border;
|
98
|
+
border-radius: $thumbnail-border-radius;
|
99
|
+
@include transition(all .2s ease-in-out);
|
100
|
+
|
101
|
+
// Keep them at most 100% wide
|
102
|
+
@include img-responsive(inline-block);
|
103
|
+
}
|
104
|
+
|
105
|
+
// Perfect circle
|
106
|
+
.img-circle {
|
107
|
+
border-radius: 50%; // set radius in percents
|
108
|
+
}
|
109
|
+
|
110
|
+
|
111
|
+
// Horizontal rules
|
112
|
+
|
113
|
+
hr {
|
114
|
+
margin-top: $line-height-computed;
|
115
|
+
margin-bottom: $line-height-computed;
|
116
|
+
border: 0;
|
117
|
+
border-top: 1px solid $hr-border;
|
118
|
+
}
|
119
|
+
|
120
|
+
|
121
|
+
// Only display content to screen readers
|
122
|
+
//
|
123
|
+
// See: http://a11yproject.com/posts/how-to-hide-content
|
124
|
+
|
125
|
+
.sr-only {
|
126
|
+
position: absolute;
|
127
|
+
width: 1px;
|
128
|
+
height: 1px;
|
129
|
+
margin: -1px;
|
130
|
+
padding: 0;
|
131
|
+
overflow: hidden;
|
132
|
+
clip: rect(0,0,0,0);
|
133
|
+
border: 0;
|
134
|
+
}
|
135
|
+
|
136
|
+
// Use in conjunction with .sr-only to only display content when it's focused.
|
137
|
+
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
138
|
+
// Credit: HTML5 Boilerplate
|
139
|
+
|
140
|
+
.sr-only-focusable {
|
141
|
+
&:active,
|
142
|
+
&:focus {
|
143
|
+
position: static;
|
144
|
+
width: auto;
|
145
|
+
height: auto;
|
146
|
+
margin: 0;
|
147
|
+
overflow: visible;
|
148
|
+
clip: auto;
|
149
|
+
}
|
150
|
+
}
|
151
|
+
|
152
|
+
|
153
|
+
// iOS "clickable elements" fix for role="button"
|
154
|
+
//
|
155
|
+
// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
|
156
|
+
// for traditionally non-focusable elements with role="button"
|
157
|
+
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
158
|
+
|
159
|
+
[role="button"] {
|
160
|
+
cursor: pointer;
|
161
|
+
}
|