less-rails-bootstrap 3.1.1.1 → 3.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -1
  3. data/.travis.yml +5 -4
  4. data/Appraisals +10 -4
  5. data/Gemfile +0 -2
  6. data/ISSUES.md +6 -0
  7. data/README.md +6 -6
  8. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  9. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +229 -0
  10. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  11. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  12. data/app/assets/javascripts/twitter/bootstrap.js +12 -0
  13. data/app/assets/javascripts/twitter/bootstrap/affix.js +142 -0
  14. data/app/assets/javascripts/twitter/bootstrap/alert.js +92 -0
  15. data/app/assets/javascripts/twitter/bootstrap/button.js +110 -0
  16. data/app/assets/javascripts/twitter/bootstrap/carousel.js +223 -0
  17. data/app/assets/javascripts/twitter/bootstrap/collapse.js +170 -0
  18. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +151 -0
  19. data/app/assets/javascripts/twitter/bootstrap/modal.js +280 -0
  20. data/app/assets/javascripts/twitter/bootstrap/popover.js +113 -0
  21. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +170 -0
  22. data/app/assets/javascripts/twitter/bootstrap/tab.js +128 -0
  23. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +457 -0
  24. data/app/assets/javascripts/twitter/bootstrap/transition.js +59 -0
  25. data/app/assets/stylesheets/twitter/bootstrap.less +1 -0
  26. data/app/frameworks/twitter/bootstrap/alerts.less +68 -0
  27. data/app/frameworks/twitter/bootstrap/badges.less +55 -0
  28. data/app/frameworks/twitter/bootstrap/bootstrap.less +50 -0
  29. data/app/frameworks/twitter/bootstrap/breadcrumbs.less +26 -0
  30. data/app/frameworks/twitter/bootstrap/button-groups.less +240 -0
  31. data/app/frameworks/twitter/bootstrap/buttons.less +157 -0
  32. data/app/frameworks/twitter/bootstrap/carousel.less +243 -0
  33. data/app/frameworks/twitter/bootstrap/close.less +33 -0
  34. data/app/frameworks/twitter/bootstrap/code.less +68 -0
  35. data/app/frameworks/twitter/bootstrap/component-animations.less +31 -0
  36. data/app/frameworks/twitter/bootstrap/dropdowns.less +215 -0
  37. data/app/frameworks/twitter/bootstrap/forms.less +540 -0
  38. data/app/frameworks/twitter/bootstrap/glyphicons.less +233 -0
  39. data/app/frameworks/twitter/bootstrap/grid.less +84 -0
  40. data/app/frameworks/twitter/bootstrap/input-groups.less +166 -0
  41. data/app/frameworks/twitter/bootstrap/jumbotron.less +48 -0
  42. data/app/frameworks/twitter/bootstrap/labels.less +64 -0
  43. data/app/frameworks/twitter/bootstrap/list-group.less +131 -0
  44. data/app/frameworks/twitter/bootstrap/media.less +56 -0
  45. data/app/frameworks/twitter/bootstrap/mixins.less +39 -0
  46. data/app/frameworks/twitter/bootstrap/mixins/alerts.less +14 -0
  47. data/app/frameworks/twitter/bootstrap/mixins/background-variant.less +8 -0
  48. data/app/frameworks/twitter/bootstrap/mixins/border-radius.less +18 -0
  49. data/app/frameworks/twitter/bootstrap/mixins/buttons.less +50 -0
  50. data/app/frameworks/twitter/bootstrap/mixins/center-block.less +7 -0
  51. data/app/frameworks/twitter/bootstrap/mixins/clearfix.less +22 -0
  52. data/app/frameworks/twitter/bootstrap/mixins/forms.less +81 -0
  53. data/app/frameworks/twitter/bootstrap/mixins/gradients.less +59 -0
  54. data/app/frameworks/twitter/bootstrap/mixins/grid-framework.less +91 -0
  55. data/app/frameworks/twitter/bootstrap/mixins/grid.less +122 -0
  56. data/app/frameworks/twitter/bootstrap/mixins/hide-text.less +21 -0
  57. data/app/frameworks/twitter/bootstrap/mixins/image.less +34 -0
  58. data/app/frameworks/twitter/bootstrap/mixins/labels.less +12 -0
  59. data/app/frameworks/twitter/bootstrap/mixins/list-group.less +29 -0
  60. data/app/frameworks/twitter/bootstrap/mixins/nav-divider.less +10 -0
  61. data/app/frameworks/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  62. data/app/frameworks/twitter/bootstrap/mixins/opacity.less +8 -0
  63. data/app/frameworks/twitter/bootstrap/mixins/pagination.less +23 -0
  64. data/app/frameworks/twitter/bootstrap/mixins/panels.less +24 -0
  65. data/app/frameworks/twitter/bootstrap/mixins/progress-bar.less +10 -0
  66. data/app/frameworks/twitter/bootstrap/mixins/reset-filter.less +8 -0
  67. data/app/frameworks/twitter/bootstrap/mixins/resize.less +6 -0
  68. data/app/frameworks/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  69. data/app/frameworks/twitter/bootstrap/mixins/size.less +10 -0
  70. data/app/frameworks/twitter/bootstrap/mixins/tab-focus.less +9 -0
  71. data/app/frameworks/twitter/bootstrap/mixins/table-row.less +28 -0
  72. data/app/frameworks/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  73. data/app/frameworks/twitter/bootstrap/mixins/text-overflow.less +8 -0
  74. data/app/frameworks/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  75. data/app/frameworks/twitter/bootstrap/modals.less +150 -0
  76. data/app/frameworks/twitter/bootstrap/navbar.less +655 -0
  77. data/app/frameworks/twitter/bootstrap/navs.less +242 -0
  78. data/app/frameworks/twitter/bootstrap/normalize.less +425 -0
  79. data/app/frameworks/twitter/bootstrap/pager.less +55 -0
  80. data/app/frameworks/twitter/bootstrap/pagination.less +88 -0
  81. data/app/frameworks/twitter/bootstrap/panels.less +243 -0
  82. data/app/frameworks/twitter/bootstrap/popovers.less +133 -0
  83. data/app/frameworks/twitter/bootstrap/print.less +101 -0
  84. data/app/frameworks/twitter/bootstrap/progress-bars.less +105 -0
  85. data/app/frameworks/twitter/bootstrap/responsive-embed.less +34 -0
  86. data/app/frameworks/twitter/bootstrap/responsive-utilities.less +194 -0
  87. data/app/frameworks/twitter/bootstrap/scaffolding.less +150 -0
  88. data/app/frameworks/twitter/bootstrap/tables.less +233 -0
  89. data/app/frameworks/twitter/bootstrap/theme.less +258 -0
  90. data/app/frameworks/twitter/bootstrap/thumbnails.less +36 -0
  91. data/app/frameworks/twitter/bootstrap/tooltip.less +95 -0
  92. data/app/frameworks/twitter/bootstrap/type.less +313 -0
  93. data/app/frameworks/twitter/bootstrap/utilities.less +57 -0
  94. data/app/frameworks/twitter/bootstrap/variables.less +846 -0
  95. data/app/frameworks/twitter/bootstrap/wells.less +29 -0
  96. data/less-rails-bootstrap.gemspec +4 -2
  97. data/lib/less/rails/bootstrap/version.rb +1 -1
  98. data/scripts/update_bootstrap.sh +5 -4
  99. data/test/cases/generators/custom_bootstrap_generator_test.rb +1 -1
  100. metadata +51 -7
@@ -0,0 +1,101 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ p,
54
+ h2,
55
+ h3 {
56
+ orphans: 3;
57
+ widows: 3;
58
+ }
59
+
60
+ h2,
61
+ h3 {
62
+ page-break-after: avoid;
63
+ }
64
+
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
+ // Once fixed, we can just straight up remove this.
67
+ select {
68
+ background: #fff !important;
69
+ }
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .table {
76
+ td,
77
+ th {
78
+ background-color: #fff !important;
79
+ }
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+ }
94
+ .table-bordered {
95
+ th,
96
+ td {
97
+ border: 1px solid #ddd !important;
98
+ }
99
+ }
100
+
101
+ }
@@ -0,0 +1,105 @@
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
+
23
+ // Bar itself
24
+ // -------------------------
25
+
26
+ // Outer container
27
+ .progress {
28
+ overflow: hidden;
29
+ height: @line-height-computed;
30
+ margin-bottom: @line-height-computed;
31
+ background-color: @progress-bg;
32
+ border-radius: @border-radius-base;
33
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
34
+ }
35
+
36
+ // Bar of progress
37
+ .progress-bar {
38
+ float: left;
39
+ width: 0%;
40
+ height: 100%;
41
+ font-size: @font-size-small;
42
+ line-height: @line-height-computed;
43
+ color: @progress-bar-color;
44
+ text-align: center;
45
+ background-color: @progress-bar-bg;
46
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
47
+ .transition(width .6s ease);
48
+ }
49
+
50
+ // Striped bars
51
+ //
52
+ // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
53
+ // `.progress-bar-striped` class, which you just add to an existing
54
+ // `.progress-bar`.
55
+ .progress-striped .progress-bar,
56
+ .progress-bar-striped {
57
+ #gradient > .striped();
58
+ background-size: 40px 40px;
59
+ }
60
+
61
+ // Call animation for the active one
62
+ //
63
+ // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
64
+ // `.progress-bar.active` approach.
65
+ .progress.active .progress-bar,
66
+ .progress-bar.active {
67
+ .animation(progress-bar-stripes 2s linear infinite);
68
+ }
69
+
70
+ // Account for lower percentages
71
+ .progress-bar {
72
+ &[aria-valuenow="1"],
73
+ &[aria-valuenow="2"] {
74
+ min-width: 30px;
75
+ }
76
+
77
+ &[aria-valuenow="0"] {
78
+ color: @gray-light;
79
+ min-width: 30px;
80
+ background-color: transparent;
81
+ background-image: none;
82
+ box-shadow: none;
83
+ }
84
+ }
85
+
86
+
87
+
88
+ // Variations
89
+ // -------------------------
90
+
91
+ .progress-bar-success {
92
+ .progress-bar-variant(@progress-bar-success-bg);
93
+ }
94
+
95
+ .progress-bar-info {
96
+ .progress-bar-variant(@progress-bar-info-bg);
97
+ }
98
+
99
+ .progress-bar-warning {
100
+ .progress-bar-variant(@progress-bar-warning-bg);
101
+ }
102
+
103
+ .progress-bar-danger {
104
+ .progress-bar-variant(@progress-bar-danger-bg);
105
+ }
@@ -0,0 +1,34 @@
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
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ bottom: 0;
20
+ height: 100%;
21
+ width: 100%;
22
+ border: 0;
23
+ }
24
+
25
+ // Modifier class for 16:9 aspect ratio
26
+ &.embed-responsive-16by9 {
27
+ padding-bottom: 56.25%;
28
+ }
29
+
30
+ // Modifier class for 4:3 aspect ratio
31
+ &.embed-responsive-4by3 {
32
+ padding-bottom: 75%;
33
+ }
34
+ }
@@ -0,0 +1,194 @@
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
+ @-ms-viewport {
22
+ width: device-width;
23
+ }
24
+
25
+
26
+ // Visibility utilities
27
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
28
+ .visible-xs,
29
+ .visible-sm,
30
+ .visible-md,
31
+ .visible-lg {
32
+ .responsive-invisibility();
33
+ }
34
+
35
+ .visible-xs-block,
36
+ .visible-xs-inline,
37
+ .visible-xs-inline-block,
38
+ .visible-sm-block,
39
+ .visible-sm-inline,
40
+ .visible-sm-inline-block,
41
+ .visible-md-block,
42
+ .visible-md-inline,
43
+ .visible-md-inline-block,
44
+ .visible-lg-block,
45
+ .visible-lg-inline,
46
+ .visible-lg-inline-block {
47
+ display: none !important;
48
+ }
49
+
50
+ .visible-xs {
51
+ @media (max-width: @screen-xs-max) {
52
+ .responsive-visibility();
53
+ }
54
+ }
55
+ .visible-xs-block {
56
+ @media (max-width: @screen-xs-max) {
57
+ display: block !important;
58
+ }
59
+ }
60
+ .visible-xs-inline {
61
+ @media (max-width: @screen-xs-max) {
62
+ display: inline !important;
63
+ }
64
+ }
65
+ .visible-xs-inline-block {
66
+ @media (max-width: @screen-xs-max) {
67
+ display: inline-block !important;
68
+ }
69
+ }
70
+
71
+ .visible-sm {
72
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
73
+ .responsive-visibility();
74
+ }
75
+ }
76
+ .visible-sm-block {
77
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
78
+ display: block !important;
79
+ }
80
+ }
81
+ .visible-sm-inline {
82
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
83
+ display: inline !important;
84
+ }
85
+ }
86
+ .visible-sm-inline-block {
87
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
88
+ display: inline-block !important;
89
+ }
90
+ }
91
+
92
+ .visible-md {
93
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
94
+ .responsive-visibility();
95
+ }
96
+ }
97
+ .visible-md-block {
98
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
99
+ display: block !important;
100
+ }
101
+ }
102
+ .visible-md-inline {
103
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
104
+ display: inline !important;
105
+ }
106
+ }
107
+ .visible-md-inline-block {
108
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
109
+ display: inline-block !important;
110
+ }
111
+ }
112
+
113
+ .visible-lg {
114
+ @media (min-width: @screen-lg-min) {
115
+ .responsive-visibility();
116
+ }
117
+ }
118
+ .visible-lg-block {
119
+ @media (min-width: @screen-lg-min) {
120
+ display: block !important;
121
+ }
122
+ }
123
+ .visible-lg-inline {
124
+ @media (min-width: @screen-lg-min) {
125
+ display: inline !important;
126
+ }
127
+ }
128
+ .visible-lg-inline-block {
129
+ @media (min-width: @screen-lg-min) {
130
+ display: inline-block !important;
131
+ }
132
+ }
133
+
134
+ .hidden-xs {
135
+ @media (max-width: @screen-xs-max) {
136
+ .responsive-invisibility();
137
+ }
138
+ }
139
+ .hidden-sm {
140
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
141
+ .responsive-invisibility();
142
+ }
143
+ }
144
+ .hidden-md {
145
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
146
+ .responsive-invisibility();
147
+ }
148
+ }
149
+ .hidden-lg {
150
+ @media (min-width: @screen-lg-min) {
151
+ .responsive-invisibility();
152
+ }
153
+ }
154
+
155
+
156
+ // Print utilities
157
+ //
158
+ // Media queries are placed on the inside to be mixin-friendly.
159
+
160
+ // Note: Deprecated .visible-print as of v3.2.0
161
+ .visible-print {
162
+ .responsive-invisibility();
163
+
164
+ @media print {
165
+ .responsive-visibility();
166
+ }
167
+ }
168
+ .visible-print-block {
169
+ display: none !important;
170
+
171
+ @media print {
172
+ display: block !important;
173
+ }
174
+ }
175
+ .visible-print-inline {
176
+ display: none !important;
177
+
178
+ @media print {
179
+ display: inline !important;
180
+ }
181
+ }
182
+ .visible-print-inline-block {
183
+ display: none !important;
184
+
185
+ @media print {
186
+ display: inline-block !important;
187
+ }
188
+ }
189
+
190
+ .hidden-print {
191
+ @media print {
192
+ .responsive-invisibility();
193
+ }
194
+ }
@@ -0,0 +1,150 @@
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
+ .box-sizing(border-box);
13
+ }
14
+ *:before,
15
+ *:after {
16
+ .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: underline;
56
+ }
57
+
58
+ &:focus {
59
+ .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
+ .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
+ .transition(all .2s ease-in-out);
100
+
101
+ // Keep them at most 100% wide
102
+ .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
+ }