bourbon 2.1.0 → 2.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/app/assets/stylesheets/_bourbon.scss +1 -0
- data/app/assets/stylesheets/css3/_background.scss +107 -0
- data/app/assets/stylesheets/css3/_border-radius.scss +10 -8
- data/app/assets/stylesheets/css3/_box-shadow.scss +1 -1
- data/app/assets/stylesheets/css3/_transition.scss +1 -1
- data/lib/bourbon/version.rb +1 -1
- data/readme.md +1 -1
- metadata +9 -62
- data/_config.yml +0 -42
- data/_includes/animation.html +0 -20
- data/_includes/appearance.html +0 -8
- data/_includes/background-image.html +0 -36
- data/_includes/background-size.html +0 -12
- data/_includes/border-image.html +0 -11
- data/_includes/border-radius.html +0 -26
- data/_includes/box-shadow.html +0 -20
- data/_includes/box-sizing.html +0 -8
- data/_includes/buttons.html +0 -52
- data/_includes/clearfix.html +0 -11
- data/_includes/columns.html +0 -9
- data/_includes/compact.html +0 -9
- data/_includes/complete-list.html +0 -115
- data/_includes/flex-box.html +0 -23
- data/_includes/flex-grid.html +0 -28
- data/_includes/font-family.html +0 -21
- data/_includes/footer.html +0 -37
- data/_includes/golden-ratio.html +0 -16
- data/_includes/grid-width.html +0 -15
- data/_includes/hide-text.html +0 -12
- data/_includes/html5-input-types.html +0 -22
- data/_includes/inline-block.html +0 -8
- data/_includes/intro.html +0 -5
- data/_includes/linear-gradient-function.html +0 -21
- data/_includes/linear-gradient.html +0 -24
- data/_includes/modular-scale.html +0 -20
- data/_includes/navigation.html +0 -43
- data/_includes/position.html +0 -18
- data/_includes/radial-gradient-function.html +0 -24
- data/_includes/radial-gradient.html +0 -26
- data/_includes/timing-functions.html +0 -47
- data/_includes/tint-shade.html +0 -13
- data/_includes/transform-origin.html +0 -8
- data/_includes/transform.html +0 -10
- data/_includes/transitions.html +0 -9
- data/_includes/user-select.html +0 -8
- data/_site/images/border.png +0 -0
- data/_site/images/bourbon-logo.png +0 -0
- data/_site/index.html +0 -890
- data/_site/stylesheets/style.css +0 -1226
- data/doc/README.md +0 -36
- data/images/border.png +0 -0
- data/images/bourbon-logo.png +0 -0
- data/index.html +0 -80
- data/stylesheets/sass/_animation-keyframes.scss +0 -31
- data/stylesheets/sass/_base.scss +0 -304
- data/stylesheets/sass/_demos.scss +0 -198
- data/stylesheets/sass/_mixins.scss +0 -21
- data/stylesheets/sass/_normalize.scss +0 -264
- data/stylesheets/sass/_pygments-theme-dark.scss +0 -38
- data/stylesheets/sass/_pygments-theme-light.scss +0 -37
- data/stylesheets/sass/style.scss +0 -10
- data/stylesheets/style.css +0 -1226
@@ -1,198 +0,0 @@
|
|
1
|
-
//************************************************************************//
|
2
|
-
// Demo Box Style
|
3
|
-
//************************************************************************//
|
4
|
-
$demo-base: hsl(186, 62%, 53%);
|
5
|
-
$demo-color: lighten($demo-base, 20%);
|
6
|
-
$demo-color-alt: $demo-base;
|
7
|
-
div.box {
|
8
|
-
@include border-radius(40px);
|
9
|
-
border: 1px solid darken($demo-color-alt, 10%);
|
10
|
-
@include box-shadow(inset 0 1px 0 hsla(0, 0%, 100%, 0.45));
|
11
|
-
height: 40px;
|
12
|
-
@include linear-gradient($demo-color, $demo-color-alt);
|
13
|
-
width: 40px;
|
14
|
-
}
|
15
|
-
|
16
|
-
//************************************************************************//
|
17
|
-
// Animations Demo Section
|
18
|
-
//************************************************************************//
|
19
|
-
|
20
|
-
section#animations {
|
21
|
-
div.box {
|
22
|
-
&:hover {
|
23
|
-
@include animation-name(scale, slide);
|
24
|
-
@include animation-duration(2s);
|
25
|
-
@include animation-timing-function(ease);
|
26
|
-
@include animation-iteration-count(infinite);
|
27
|
-
position: relative;
|
28
|
-
// @include animation(scale slide, 2.0s, ease);
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
//************************************************************************//
|
34
|
-
// Background-image Mixin
|
35
|
-
//************************************************************************//
|
36
|
-
section#background-image {
|
37
|
-
section.demo {
|
38
|
-
@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.35) 0%, hsla(0, 100%, 100%, 0.15) 50%, transparent 50%), linear-gradient($demo-color, $demo-color-alt));
|
39
|
-
height: 40px;
|
40
|
-
width: 100%;
|
41
|
-
}
|
42
|
-
}
|
43
|
-
|
44
|
-
//************************************************************************//
|
45
|
-
// Border-image Mixin
|
46
|
-
//************************************************************************//
|
47
|
-
section#border-image {
|
48
|
-
section.demo {
|
49
|
-
@include border-image(url(../images/border.png) 27 repeat);
|
50
|
-
border-width: 27px;
|
51
|
-
width: 81px;
|
52
|
-
height: 27px;
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
|
57
|
-
//************************************************************************//
|
58
|
-
// Box-Shadow Mixin
|
59
|
-
//************************************************************************//
|
60
|
-
section#box-shadow {
|
61
|
-
section.demo {
|
62
|
-
div.example {
|
63
|
-
@include background-image(linear-gradient(top, $demo-color, $demo-color-alt));
|
64
|
-
height: 50px;
|
65
|
-
width: 100px;
|
66
|
-
|
67
|
-
&.single {
|
68
|
-
@include box-shadow(0 0 5px 3px hsla(0, 0%, 0%, 0.65));
|
69
|
-
}
|
70
|
-
|
71
|
-
&.double {
|
72
|
-
@include box-shadow(1px 1px 5px 1px green, -1px -1px 5px 1px blue);
|
73
|
-
}
|
74
|
-
}
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
//************************************************************************//
|
79
|
-
// Linear-gradient Function
|
80
|
-
//************************************************************************//
|
81
|
-
section#linear-gradient {
|
82
|
-
section.demo {
|
83
|
-
@include linear-gradient($demo-color, $demo-color-alt);
|
84
|
-
height: 40px;
|
85
|
-
}
|
86
|
-
}
|
87
|
-
|
88
|
-
//************************************************************************//
|
89
|
-
// Linear-gradient Function
|
90
|
-
//************************************************************************//
|
91
|
-
section#linear-gradient-function {
|
92
|
-
section.demo {
|
93
|
-
@include background-image(linear-gradient($demo-color, $demo-color-alt));
|
94
|
-
height: 40px;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
//************************************************************************//
|
98
|
-
// Radial-gradient Mixin
|
99
|
-
//************************************************************************//
|
100
|
-
section#radial-gradient, section#radial-gradient-function {
|
101
|
-
section.demo {
|
102
|
-
@include radial-gradient(50% 50%, circle cover, $demo-color, $demo-color-alt);
|
103
|
-
height: 40px;
|
104
|
-
}
|
105
|
-
}
|
106
|
-
|
107
|
-
|
108
|
-
//************************************************************************//
|
109
|
-
// Button Addon
|
110
|
-
//************************************************************************//
|
111
|
-
section#buttons {
|
112
|
-
section.demo {
|
113
|
-
button.example-1 {
|
114
|
-
@include button;
|
115
|
-
}
|
116
|
-
|
117
|
-
button.example-2 {
|
118
|
-
@include button(pill);
|
119
|
-
}
|
120
|
-
|
121
|
-
button.example-3 {
|
122
|
-
@include button(shiny, #ff0000);
|
123
|
-
}
|
124
|
-
}
|
125
|
-
}
|
126
|
-
|
127
|
-
|
128
|
-
//************************************************************************//
|
129
|
-
// Font-Family
|
130
|
-
//************************************************************************//
|
131
|
-
section#font-family {
|
132
|
-
}
|
133
|
-
|
134
|
-
//************************************************************************//
|
135
|
-
// Timing Functions Demo
|
136
|
-
//************************************************************************//
|
137
|
-
|
138
|
-
section#timing-functions {
|
139
|
-
section.demo {
|
140
|
-
ul {
|
141
|
-
margin: 0;
|
142
|
-
padding: 0;
|
143
|
-
|
144
|
-
li {
|
145
|
-
list-style-type: none;
|
146
|
-
}
|
147
|
-
}
|
148
|
-
|
149
|
-
code {
|
150
|
-
display: inline-block;
|
151
|
-
width: grid-width(2);
|
152
|
-
margin-right: $gw-gutter;
|
153
|
-
vertical-align: top;
|
154
|
-
}
|
155
|
-
|
156
|
-
div.box {
|
157
|
-
display: inline-block;
|
158
|
-
}
|
159
|
-
|
160
|
-
&:hover div.box {
|
161
|
-
@include transform(translateX(500px));
|
162
|
-
}
|
163
|
-
|
164
|
-
div.box {
|
165
|
-
height: 20px;
|
166
|
-
width: 20px;
|
167
|
-
@include transition-property(all);
|
168
|
-
@include transition-duration(3s);
|
169
|
-
}
|
170
|
-
|
171
|
-
div.ease-in-quad { @include transition-timing-function($ease-in-quad ); }
|
172
|
-
div.ease-in-cubic { @include transition-timing-function($ease-in-cubic); }
|
173
|
-
div.ease-in-quart { @include transition-timing-function($ease-in-quart); }
|
174
|
-
div.ease-in-quint { @include transition-timing-function($ease-in-quint); }
|
175
|
-
div.ease-in-sine { @include transition-timing-function($ease-in-sine ); }
|
176
|
-
div.ease-in-expo { @include transition-timing-function($ease-in-expo ); }
|
177
|
-
div.ease-in-circ { @include transition-timing-function($ease-in-circ ); }
|
178
|
-
div.ease-in-back { @include transition-timing-function($ease-in-back ); }
|
179
|
-
|
180
|
-
div.ease-out-quad { @include transition-timing-function($ease-out-quad ); }
|
181
|
-
div.ease-out-cubic { @include transition-timing-function($ease-out-cubic); }
|
182
|
-
div.ease-out-quart { @include transition-timing-function($ease-out-quart); }
|
183
|
-
div.ease-out-quint { @include transition-timing-function($ease-out-quint); }
|
184
|
-
div.ease-out-sine { @include transition-timing-function($ease-out-sine ); }
|
185
|
-
div.ease-out-expo { @include transition-timing-function($ease-out-expo ); }
|
186
|
-
div.ease-out-circ { @include transition-timing-function($ease-out-circ ); }
|
187
|
-
div.ease-out-back { @include transition-timing-function($ease-out-back ); }
|
188
|
-
|
189
|
-
div.ease-in-out-quad { @include transition-timing-function($ease-in-out-quad ); }
|
190
|
-
div.ease-in-out-cubic { @include transition-timing-function($ease-in-out-cubic); }
|
191
|
-
div.ease-in-out-quart { @include transition-timing-function($ease-in-out-quart); }
|
192
|
-
div.ease-in-out-quint { @include transition-timing-function($ease-in-out-quint); }
|
193
|
-
div.ease-in-out-sine { @include transition-timing-function($ease-in-out-sine ); }
|
194
|
-
div.ease-in-out-expo { @include transition-timing-function($ease-in-out-expo ); }
|
195
|
-
div.ease-in-out-circ { @include transition-timing-function($ease-in-out-circ ); }
|
196
|
-
div.ease-in-out-back { @include transition-timing-function($ease-in-out-back ); }
|
197
|
-
}
|
198
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
//************************************************************************//
|
2
|
-
// Variables
|
3
|
-
//************************************************************************//
|
4
|
-
$gw-column: 106px; // Column Width
|
5
|
-
$gw-gutter: 16px; // Gutter Width
|
6
|
-
|
7
|
-
$base-border-color: hsl(43, 23%, 90%);
|
8
|
-
$base-font-size: 13px;
|
9
|
-
|
10
|
-
$background-color: hsl(43, 23%, 94%);
|
11
|
-
$highlight-color: hsl(44, 87%, 96%);
|
12
|
-
|
13
|
-
|
14
|
-
//************************************************************************//
|
15
|
-
// Mixins
|
16
|
-
//************************************************************************//
|
17
|
-
|
18
|
-
|
19
|
-
//************************************************************************//
|
20
|
-
// Extends
|
21
|
-
//************************************************************************//
|
@@ -1,264 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* HTML5 ✰ Boilerplate
|
3
|
-
*
|
4
|
-
* What follows is the result of much research on cross-browser styling.
|
5
|
-
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
6
|
-
* Kroc Camen, and the H5BP dev community and team.
|
7
|
-
*/
|
8
|
-
|
9
|
-
|
10
|
-
/* =============================================================================
|
11
|
-
HTML5 element display
|
12
|
-
========================================================================== */
|
13
|
-
|
14
|
-
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
|
15
|
-
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
|
16
|
-
|
17
|
-
|
18
|
-
/* =============================================================================
|
19
|
-
Base
|
20
|
-
========================================================================== */
|
21
|
-
|
22
|
-
/*
|
23
|
-
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
|
24
|
-
* http://clagnut.com/blog/348/#c790
|
25
|
-
* 2. Force vertical scrollbar in non-IE
|
26
|
-
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
|
27
|
-
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
|
28
|
-
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
|
29
|
-
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
30
|
-
*/
|
31
|
-
|
32
|
-
html { font-size: 100%; /*overflow-y: scroll;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
33
|
-
|
34
|
-
body { margin: 0; font-size: 13px; line-height: 1.231; }
|
35
|
-
|
36
|
-
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
37
|
-
|
38
|
-
/*
|
39
|
-
* These selection declarations have to be separate
|
40
|
-
* No text-shadow: twitter.com/miketaylr/status/12228805301
|
41
|
-
* Also: hot pink!
|
42
|
-
*/
|
43
|
-
|
44
|
-
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
45
|
-
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
46
|
-
|
47
|
-
|
48
|
-
/* =============================================================================
|
49
|
-
Links
|
50
|
-
========================================================================== */
|
51
|
-
|
52
|
-
a { color: #00e; }
|
53
|
-
a:visited { color: #551a8b; }
|
54
|
-
a:focus { outline: thin dotted; }
|
55
|
-
|
56
|
-
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
|
57
|
-
a:hover, a:active { outline: 0; }
|
58
|
-
|
59
|
-
|
60
|
-
/* =============================================================================
|
61
|
-
Typography
|
62
|
-
========================================================================== */
|
63
|
-
|
64
|
-
abbr[title] { border-bottom: 1px dotted; }
|
65
|
-
|
66
|
-
b, strong { font-weight: bold; }
|
67
|
-
|
68
|
-
blockquote { margin: 1em 40px; }
|
69
|
-
|
70
|
-
dfn { font-style: italic; }
|
71
|
-
|
72
|
-
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
|
73
|
-
|
74
|
-
ins { background: #ff9; color: #000; text-decoration: none; }
|
75
|
-
|
76
|
-
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
|
77
|
-
|
78
|
-
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
|
79
|
-
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
|
80
|
-
|
81
|
-
/* Improve readability of pre-formatted text in all browsers */
|
82
|
-
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
|
83
|
-
|
84
|
-
q { quotes: none; }
|
85
|
-
q:before, q:after { content: ""; content: none; }
|
86
|
-
|
87
|
-
small { font-size: 85%; }
|
88
|
-
|
89
|
-
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
|
90
|
-
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
91
|
-
sup { top: -0.5em; }
|
92
|
-
sub { bottom: -0.25em; }
|
93
|
-
|
94
|
-
|
95
|
-
/* =============================================================================
|
96
|
-
Lists
|
97
|
-
========================================================================== */
|
98
|
-
|
99
|
-
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
|
100
|
-
dd { margin: 0 0 0 40px; }
|
101
|
-
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
|
102
|
-
|
103
|
-
|
104
|
-
/* =============================================================================
|
105
|
-
Embedded content
|
106
|
-
========================================================================== */
|
107
|
-
|
108
|
-
/*
|
109
|
-
* Improve image quality when scaled in IE7
|
110
|
-
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
|
111
|
-
*/
|
112
|
-
|
113
|
-
img { border: 0; -ms-interpolation-mode: bicubic; }
|
114
|
-
|
115
|
-
/*
|
116
|
-
* Correct overflow displayed oddly in IE9
|
117
|
-
*/
|
118
|
-
|
119
|
-
svg:not(:root) {
|
120
|
-
overflow: hidden;
|
121
|
-
}
|
122
|
-
|
123
|
-
|
124
|
-
/* =============================================================================
|
125
|
-
Figures
|
126
|
-
========================================================================== */
|
127
|
-
|
128
|
-
figure { margin: 0; }
|
129
|
-
|
130
|
-
|
131
|
-
/* =============================================================================
|
132
|
-
Forms
|
133
|
-
========================================================================== */
|
134
|
-
|
135
|
-
form { margin: 0; }
|
136
|
-
fieldset { border: 0; margin: 0; padding: 0; }
|
137
|
-
|
138
|
-
/*
|
139
|
-
* 1. Correct color not inheriting in IE6/7/8/9
|
140
|
-
* 2. Correct alignment displayed oddly in IE6/7
|
141
|
-
*/
|
142
|
-
|
143
|
-
legend { border: 0; *margin-left: -7px; padding: 0; }
|
144
|
-
|
145
|
-
/* Indicate that 'label' will shift focus to the associated form element */
|
146
|
-
label { cursor: pointer; }
|
147
|
-
|
148
|
-
/*
|
149
|
-
* 1. Correct font-size not inheriting in all browsers
|
150
|
-
* 2. Remove margins in FF3/4 S5 Chrome
|
151
|
-
* 3. Define consistent vertical alignment display in all browsers
|
152
|
-
*/
|
153
|
-
|
154
|
-
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
|
155
|
-
|
156
|
-
/*
|
157
|
-
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
|
158
|
-
* 2. Correct inner spacing displayed oddly in IE6/7
|
159
|
-
*/
|
160
|
-
|
161
|
-
button, input { line-height: normal; *overflow: visible; }
|
162
|
-
|
163
|
-
/*
|
164
|
-
* 1. Display hand cursor for clickable form elements
|
165
|
-
* 2. Allow styling of clickable form elements in iOS
|
166
|
-
*/
|
167
|
-
|
168
|
-
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
|
169
|
-
|
170
|
-
/*
|
171
|
-
* Consistent box sizing and appearance
|
172
|
-
*/
|
173
|
-
|
174
|
-
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
|
175
|
-
|
176
|
-
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
177
|
-
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
178
|
-
|
179
|
-
/*
|
180
|
-
* Remove inner padding and border in FF3/4
|
181
|
-
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
182
|
-
*/
|
183
|
-
|
184
|
-
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
|
185
|
-
|
186
|
-
/* Remove default vertical scrollbar in IE6/7/8/9 */
|
187
|
-
textarea { overflow: auto; vertical-align: top; }
|
188
|
-
|
189
|
-
/* Colors for form validity */
|
190
|
-
input:valid, textarea:valid { }
|
191
|
-
input:invalid, textarea:invalid { background-color: #f0dddd; }
|
192
|
-
|
193
|
-
|
194
|
-
/* =============================================================================
|
195
|
-
Tables
|
196
|
-
========================================================================== */
|
197
|
-
|
198
|
-
table { border-collapse: collapse; border-spacing: 0; }
|
199
|
-
|
200
|
-
|
201
|
-
/* =============================================================================
|
202
|
-
Non-semantic helper classes
|
203
|
-
Please define your styles before this section.
|
204
|
-
========================================================================== */
|
205
|
-
|
206
|
-
/* Hide for both screenreaders and browsers:
|
207
|
-
css-discuss.incutio.com/wiki/Screenreader_Visibility */
|
208
|
-
.hidden { display: none; visibility: hidden; }
|
209
|
-
|
210
|
-
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
|
211
|
-
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
|
212
|
-
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
213
|
-
|
214
|
-
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
|
215
|
-
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
216
|
-
|
217
|
-
/* Hide visually and from screenreaders, but maintain layout */
|
218
|
-
.invisible { visibility: hidden; }
|
219
|
-
|
220
|
-
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
|
221
|
-
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
222
|
-
.clearfix:after { clear: both; }
|
223
|
-
.clearfix { zoom: 1; }
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
/* =============================================================================
|
228
|
-
PLACEHOLDER Media Queries for Responsive Design.
|
229
|
-
These override the primary ('mobile first') styles
|
230
|
-
Modify as content requires.
|
231
|
-
========================================================================== */
|
232
|
-
|
233
|
-
@media only screen and (min-width: 480px) {
|
234
|
-
/* Style adjustments for viewports 480px and over go here */
|
235
|
-
|
236
|
-
}
|
237
|
-
|
238
|
-
@media only screen and (min-width: 768px) {
|
239
|
-
/* Style adjustments for viewports 768px and over go here */
|
240
|
-
|
241
|
-
}
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
/* =============================================================================
|
246
|
-
Print styles.
|
247
|
-
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
248
|
-
========================================================================== */
|
249
|
-
|
250
|
-
@media print {
|
251
|
-
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
252
|
-
a, a:visited { color: #444 !important; text-decoration: underline; }
|
253
|
-
a[href]:after { content: " (" attr(href) ")"; }
|
254
|
-
abbr[title]:after { content: " (" attr(title) ")"; }
|
255
|
-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
256
|
-
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
257
|
-
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
258
|
-
tr, img { page-break-inside: avoid; }
|
259
|
-
img { max-width: 100% !important; }
|
260
|
-
@page { margin: 0.5cm; }
|
261
|
-
p, h2, h3 { orphans: 3; widows: 3; }
|
262
|
-
h2, h3{ page-break-after: avoid; }
|
263
|
-
}
|
264
|
-
|