bootstrap-generators 2.0.4 → 2.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +211 -63
- data/lib/bootstrap/generators/version.rb +1 -1
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +102 -28
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +104 -31
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +2 -2
- data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
- data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
- data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
- data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
- data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
- data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
- data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
- data/vendor/assets/javascripts/bootstrap.js +1 -1
- data/vendor/assets/stylesheets/bootstrap-responsive.css +1058 -0
- data/vendor/assets/stylesheets/bootstrap-responsive.min.css +9 -0
- data/vendor/assets/stylesheets/bootstrap.css +5774 -0
- data/vendor/assets/stylesheets/bootstrap.min.css +9 -0
- data/vendor/twitter/bootstrap/less/accordion.less +3 -2
- data/vendor/twitter/bootstrap/less/alerts.less +16 -9
- data/vendor/twitter/bootstrap/less/bootstrap.less +1 -1
- data/vendor/twitter/bootstrap/less/breadcrumbs.less +10 -10
- data/vendor/twitter/bootstrap/less/button-groups.less +79 -25
- data/vendor/twitter/bootstrap/less/buttons.less +107 -67
- data/vendor/twitter/bootstrap/less/carousel.less +13 -3
- data/vendor/twitter/bootstrap/less/close.less +4 -2
- data/vendor/twitter/bootstrap/less/code.less +6 -5
- data/vendor/twitter/bootstrap/less/component-animations.less +4 -2
- data/vendor/twitter/bootstrap/less/dropdowns.less +82 -15
- data/vendor/twitter/bootstrap/less/forms.less +124 -57
- data/vendor/twitter/bootstrap/less/grid.less +17 -1
- data/vendor/twitter/bootstrap/less/hero-unit.less +4 -2
- data/vendor/twitter/bootstrap/less/labels-badges.less +19 -2
- data/vendor/twitter/bootstrap/less/layouts.less +1 -2
- data/vendor/twitter/bootstrap/less/mixins.less +112 -77
- data/vendor/twitter/bootstrap/less/modals.less +12 -4
- data/vendor/twitter/bootstrap/less/navbar.less +245 -128
- data/vendor/twitter/bootstrap/less/navs.less +38 -17
- data/vendor/twitter/bootstrap/less/pager.less +11 -7
- data/vendor/twitter/bootstrap/less/pagination.less +23 -15
- data/vendor/twitter/bootstrap/less/popovers.less +101 -33
- data/vendor/twitter/bootstrap/less/progress-bars.less +18 -13
- data/vendor/twitter/bootstrap/less/reset.less +10 -4
- data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +9 -7
- data/vendor/twitter/bootstrap/less/responsive-767px-max.less +95 -70
- data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +7 -5
- data/vendor/twitter/bootstrap/less/responsive-navbar.less +30 -6
- data/vendor/twitter/bootstrap/less/responsive-utilities.less +17 -15
- data/vendor/twitter/bootstrap/less/responsive.less +5 -5
- data/vendor/twitter/bootstrap/less/scaffolding.less +27 -4
- data/vendor/twitter/bootstrap/less/sprites.less +21 -19
- data/vendor/twitter/bootstrap/less/tables.less +81 -12
- data/vendor/twitter/bootstrap/less/thumbnails.less +9 -4
- data/vendor/twitter/bootstrap/less/tooltip.less +47 -12
- data/vendor/twitter/bootstrap/less/type.less +75 -86
- data/vendor/twitter/bootstrap/less/utilities.less +9 -2
- data/vendor/twitter/bootstrap/less/variables.less +104 -31
- data/vendor/twitter/bootstrap/less/wells.less +7 -5
- data/vendor/twitter/bootstrap/sass/_accordion.scss +3 -2
- data/vendor/twitter/bootstrap/sass/_alerts.scss +15 -8
- data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +10 -10
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +77 -23
- data/vendor/twitter/bootstrap/sass/_buttons.scss +106 -66
- data/vendor/twitter/bootstrap/sass/_carousel.scss +13 -3
- data/vendor/twitter/bootstrap/sass/_close.scss +5 -3
- data/vendor/twitter/bootstrap/sass/_code.scss +7 -6
- data/vendor/twitter/bootstrap/sass/_component-animations.scss +5 -3
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +85 -18
- data/vendor/twitter/bootstrap/sass/_forms.scss +121 -53
- data/vendor/twitter/bootstrap/sass/_grid.scss +17 -1
- data/vendor/twitter/bootstrap/sass/_hero-unit.scss +4 -2
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +29 -12
- data/vendor/twitter/bootstrap/sass/_layouts.scss +2 -3
- data/vendor/twitter/bootstrap/sass/_mixins.scss +163 -127
- data/vendor/twitter/bootstrap/sass/_modals.scss +12 -4
- data/vendor/twitter/bootstrap/sass/_navbar.scss +243 -127
- data/vendor/twitter/bootstrap/sass/_navs.scss +36 -15
- data/vendor/twitter/bootstrap/sass/_pager.scss +12 -8
- data/vendor/twitter/bootstrap/sass/_pagination.scss +23 -15
- data/vendor/twitter/bootstrap/sass/_popovers.scss +101 -33
- data/vendor/twitter/bootstrap/sass/_progress-bars.scss +18 -13
- data/vendor/twitter/bootstrap/sass/_reset.scss +8 -3
- data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +9 -7
- data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +95 -70
- data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +8 -6
- data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +29 -5
- data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +32 -15
- data/vendor/twitter/bootstrap/sass/_scaffolding.scss +29 -4
- data/vendor/twitter/bootstrap/sass/_sprites.scss +21 -19
- data/vendor/twitter/bootstrap/sass/_tables.scss +79 -11
- data/vendor/twitter/bootstrap/sass/_thumbnails.scss +9 -4
- data/vendor/twitter/bootstrap/sass/_tooltip.scss +47 -12
- data/vendor/twitter/bootstrap/sass/_type.scss +74 -85
- data/vendor/twitter/bootstrap/sass/_utilities.scss +24 -2
- data/vendor/twitter/bootstrap/sass/_variables.scss +102 -28
- data/vendor/twitter/bootstrap/sass/_wells.scss +7 -5
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +1 -1
- data/vendor/twitter/bootstrap/sass/responsive.scss +5 -5
- metadata +15 -10
@@ -1,6 +1,7 @@
|
|
1
|
+
//
|
1
2
|
// Reset
|
2
|
-
// Adapted from
|
3
|
-
//
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
4
5
|
|
5
6
|
// Display in IE6-9 and FF3
|
6
7
|
// -------------------------
|
@@ -75,7 +76,11 @@ sub {
|
|
75
76
|
// -------------------------
|
76
77
|
|
77
78
|
img {
|
78
|
-
|
79
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
80
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
81
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
82
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
83
|
+
|
79
84
|
vertical-align: middle;
|
80
85
|
border: 0;
|
81
86
|
-ms-interpolation-mode: bicubic;
|
@@ -1,23 +1,25 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Large desktop and up
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
@media (min-width: 1200px) {
|
5
7
|
|
6
8
|
// Fixed grid
|
7
|
-
@include grid-core(
|
9
|
+
@include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
|
8
10
|
|
9
11
|
// Fluid grid
|
10
|
-
@include grid-fluid(
|
12
|
+
@include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
|
11
13
|
|
12
14
|
// Input grid
|
13
|
-
@include grid-input(
|
15
|
+
@include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
|
14
16
|
|
15
17
|
// Thumbnails
|
16
18
|
.thumbnails {
|
17
|
-
margin-left:
|
19
|
+
margin-left: -$gridGutterWidth1200;
|
18
20
|
}
|
19
21
|
.thumbnails > li {
|
20
|
-
margin-left:
|
22
|
+
margin-left: $gridGutterWidth1200;
|
21
23
|
}
|
22
24
|
.row-fluid .thumbnails {
|
23
25
|
margin-left: 0;
|
@@ -1,73 +1,8 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
|
4
|
-
@media (max-width: 480px) {
|
5
|
-
|
6
|
-
// Smooth out the collapsing/expanding nav
|
7
|
-
.nav-collapse {
|
8
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
9
|
-
}
|
10
|
-
|
11
|
-
// Block level the page header small tag for readability
|
12
|
-
.page-header h1 small {
|
13
|
-
display: block;
|
14
|
-
line-height: $baseLineHeight;
|
15
|
-
}
|
16
|
-
|
17
|
-
// Update checkboxes for iOS
|
18
|
-
input[type="checkbox"],
|
19
|
-
input[type="radio"] {
|
20
|
-
border: 1px solid #ccc;
|
21
|
-
}
|
22
|
-
|
23
|
-
// Remove the horizontal form styles
|
24
|
-
.form-horizontal .control-group > label {
|
25
|
-
float: none;
|
26
|
-
width: auto;
|
27
|
-
padding-top: 0;
|
28
|
-
text-align: left;
|
29
|
-
}
|
30
|
-
// Move over all input controls and content
|
31
|
-
.form-horizontal .controls {
|
32
|
-
margin-left: 0;
|
33
|
-
}
|
34
|
-
// Move the options list down to align with labels
|
35
|
-
.form-horizontal .control-list {
|
36
|
-
padding-top: 0; // has to be padding because margin collaspes
|
37
|
-
}
|
38
|
-
// Move over buttons in .form-actions to align with .controls
|
39
|
-
.form-horizontal .form-actions {
|
40
|
-
padding-left: 10px;
|
41
|
-
padding-right: 10px;
|
42
|
-
}
|
43
|
-
|
44
|
-
// Modals
|
45
|
-
.modal {
|
46
|
-
position: absolute;
|
47
|
-
top: 10px;
|
48
|
-
left: 10px;
|
49
|
-
right: 10px;
|
50
|
-
width: auto;
|
51
|
-
margin: 0;
|
52
|
-
&.fade.in { top: auto; }
|
53
|
-
}
|
54
|
-
.modal-header .close {
|
55
|
-
padding: 10px;
|
56
|
-
margin: -10px;
|
57
|
-
}
|
58
|
-
|
59
|
-
// Carousel
|
60
|
-
.carousel-caption {
|
61
|
-
position: static;
|
62
|
-
}
|
63
|
-
|
64
|
-
}
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
1
|
+
//
|
2
|
+
// Responsive: Landscape phone to desktop/tablet
|
69
3
|
// --------------------------------------------------
|
70
4
|
|
5
|
+
|
71
6
|
@media (max-width: 767px) {
|
72
7
|
|
73
8
|
// Padding to set content in a bit
|
@@ -77,7 +12,8 @@
|
|
77
12
|
}
|
78
13
|
// Negative indent the now static "fixed" navbar
|
79
14
|
.navbar-fixed-top,
|
80
|
-
.navbar-fixed-bottom
|
15
|
+
.navbar-fixed-bottom,
|
16
|
+
.navbar-static-top {
|
81
17
|
margin-left: -20px;
|
82
18
|
margin-right: -20px;
|
83
19
|
}
|
@@ -116,13 +52,23 @@
|
|
116
52
|
.thumbnails {
|
117
53
|
margin-left: 0;
|
118
54
|
}
|
55
|
+
.thumbnails > li {
|
56
|
+
float: none;
|
57
|
+
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
|
58
|
+
}
|
119
59
|
// Make all grid-sized elements block level again
|
120
60
|
[class*="span"],
|
121
61
|
.row-fluid [class*="span"] {
|
122
62
|
float: none;
|
123
63
|
display: block;
|
124
|
-
width:
|
64
|
+
width: 100%;
|
125
65
|
margin-left: 0;
|
66
|
+
@include box-sizing(border-box);
|
67
|
+
}
|
68
|
+
.span12,
|
69
|
+
.row-fluid .span12 {
|
70
|
+
width: 100%;
|
71
|
+
@include box-sizing(border-box);
|
126
72
|
}
|
127
73
|
|
128
74
|
// FORM FIELDS
|
@@ -145,5 +91,84 @@
|
|
145
91
|
display: inline-block; // redeclare so they don't wrap to new lines
|
146
92
|
width: auto;
|
147
93
|
}
|
94
|
+
.controls-row [class*="span"] + [class*="span"] {
|
95
|
+
margin-left: 0;
|
96
|
+
}
|
97
|
+
|
98
|
+
// Modals
|
99
|
+
.modal {
|
100
|
+
position: fixed;
|
101
|
+
top: 20px;
|
102
|
+
left: 20px;
|
103
|
+
right: 20px;
|
104
|
+
width: auto;
|
105
|
+
margin: 0;
|
106
|
+
&.fade.in { top: auto; }
|
107
|
+
}
|
108
|
+
|
109
|
+
}
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
// UP TO LANDSCAPE PHONE
|
114
|
+
// ---------------------
|
115
|
+
|
116
|
+
@media (max-width: 480px) {
|
117
|
+
|
118
|
+
// Smooth out the collapsing/expanding nav
|
119
|
+
.nav-collapse {
|
120
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
121
|
+
}
|
122
|
+
|
123
|
+
// Block level the page header small tag for readability
|
124
|
+
.page-header h1 small {
|
125
|
+
display: block;
|
126
|
+
line-height: $baseLineHeight;
|
127
|
+
}
|
128
|
+
|
129
|
+
// Update checkboxes for iOS
|
130
|
+
input[type="checkbox"],
|
131
|
+
input[type="radio"] {
|
132
|
+
border: 1px solid #ccc;
|
133
|
+
}
|
134
|
+
|
135
|
+
// Remove the horizontal form styles
|
136
|
+
.form-horizontal {
|
137
|
+
.control-label {
|
138
|
+
float: none;
|
139
|
+
width: auto;
|
140
|
+
padding-top: 0;
|
141
|
+
text-align: left;
|
142
|
+
}
|
143
|
+
// Move over all input controls and content
|
144
|
+
.controls {
|
145
|
+
margin-left: 0;
|
146
|
+
}
|
147
|
+
// Move the options list down to align with labels
|
148
|
+
.control-list {
|
149
|
+
padding-top: 0; // has to be padding because margin collaspes
|
150
|
+
}
|
151
|
+
// Move over buttons in .form-actions to align with .controls
|
152
|
+
.form-actions {
|
153
|
+
padding-left: 10px;
|
154
|
+
padding-right: 10px;
|
155
|
+
}
|
156
|
+
}
|
157
|
+
|
158
|
+
// Modals
|
159
|
+
.modal {
|
160
|
+
top: 10px;
|
161
|
+
left: 10px;
|
162
|
+
right: 10px;
|
163
|
+
}
|
164
|
+
.modal-header .close {
|
165
|
+
padding: 10px;
|
166
|
+
margin: -10px;
|
167
|
+
}
|
168
|
+
|
169
|
+
// Carousel
|
170
|
+
.carousel-caption {
|
171
|
+
position: static;
|
172
|
+
}
|
148
173
|
|
149
174
|
}
|
@@ -1,17 +1,19 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Tablet to desktop
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
@media (min-width: 768px) and (max-width: 979px) {
|
5
7
|
|
6
8
|
// Fixed grid
|
7
|
-
@include grid-core(
|
9
|
+
@include grid-core($gridColumnWidth768, $gridGutterWidth768);
|
8
10
|
|
9
11
|
// Fluid grid
|
10
|
-
@include grid-fluid(
|
12
|
+
@include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
|
11
13
|
|
12
14
|
// Input grid
|
13
|
-
@include grid-input(
|
15
|
+
@include grid-input($gridColumnWidth768, $gridGutterWidth768);
|
14
16
|
|
15
|
-
// No need to reset .thumbnails here since it's the same
|
17
|
+
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
16
18
|
|
17
19
|
}
|
@@ -1,6 +1,11 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Navbar
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
1
6
|
// TABLETS AND BELOW
|
2
7
|
// -----------------
|
3
|
-
@media (max-width:
|
8
|
+
@media (max-width: $navbarCollapseWidth) {
|
4
9
|
|
5
10
|
// UNFIX THE TOPBAR
|
6
11
|
// ----------------
|
@@ -8,7 +13,7 @@
|
|
8
13
|
body {
|
9
14
|
padding-top: 0;
|
10
15
|
}
|
11
|
-
// Unfix the
|
16
|
+
// Unfix the navbars
|
12
17
|
.navbar-fixed-top,
|
13
18
|
.navbar-fixed-bottom {
|
14
19
|
position: static;
|
@@ -61,7 +66,7 @@
|
|
61
66
|
// Nav and dropdown links in navbar
|
62
67
|
.nav-collapse .nav > li > a,
|
63
68
|
.nav-collapse .dropdown-menu a {
|
64
|
-
padding:
|
69
|
+
padding: 9px 15px;
|
65
70
|
font-weight: bold;
|
66
71
|
color: $navbarLinkColor;
|
67
72
|
@include border-radius(3px);
|
@@ -79,6 +84,10 @@
|
|
79
84
|
.nav-collapse .dropdown-menu a:hover {
|
80
85
|
background-color: $navbarBackground;
|
81
86
|
}
|
87
|
+
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
88
|
+
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
|
89
|
+
background-color: $navbarInverseBackground;
|
90
|
+
}
|
82
91
|
// Buttons in the navbar
|
83
92
|
.nav-collapse.in .btn-group {
|
84
93
|
margin-top: 5px;
|
@@ -106,6 +115,12 @@
|
|
106
115
|
.nav-collapse .dropdown-menu .divider {
|
107
116
|
display: none;
|
108
117
|
}
|
118
|
+
.nav-collapse .nav > li > .dropdown-menu {
|
119
|
+
&:before,
|
120
|
+
&:after {
|
121
|
+
display: none;
|
122
|
+
}
|
123
|
+
}
|
109
124
|
// Forms in navbar
|
110
125
|
.nav-collapse .navbar-form,
|
111
126
|
.nav-collapse .navbar-search {
|
@@ -116,6 +131,11 @@
|
|
116
131
|
border-bottom: 1px solid $navbarBackground;
|
117
132
|
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
|
118
133
|
}
|
134
|
+
.navbar-inverse .nav-collapse .navbar-form,
|
135
|
+
.navbar-inverse .nav-collapse .navbar-search {
|
136
|
+
border-top-color: $navbarInverseBackground;
|
137
|
+
border-bottom-color: $navbarInverseBackground;
|
138
|
+
}
|
119
139
|
// Pull right (secondary) nav content
|
120
140
|
.navbar .nav-collapse .nav.pull-right {
|
121
141
|
float: none;
|
@@ -138,16 +158,20 @@
|
|
138
158
|
padding-left: 10px;
|
139
159
|
padding-right: 10px;
|
140
160
|
}
|
161
|
+
|
162
|
+
|
141
163
|
}
|
142
164
|
|
143
165
|
|
144
166
|
// DEFAULT DESKTOP
|
145
167
|
// ---------------
|
146
168
|
|
147
|
-
// Required to make the collapsing navbar work on regular desktops
|
148
169
|
@media (min-width: 980px) {
|
170
|
+
|
171
|
+
// Required to make the collapsing navbar work on regular desktops
|
149
172
|
.nav-collapse.collapse {
|
150
173
|
height: auto !important;
|
151
174
|
overflow: visible !important;
|
152
175
|
}
|
153
|
-
|
176
|
+
|
177
|
+
}
|
@@ -1,5 +1,22 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Utility classes
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Clearing floats
|
7
|
+
.clearfix {
|
8
|
+
@include clearfix();
|
9
|
+
}
|
10
|
+
|
11
|
+
// Accessible yet invisible text
|
12
|
+
.hide-text {
|
13
|
+
@include hide-text();
|
14
|
+
}
|
15
|
+
|
16
|
+
// Uses box-sizing mixin, so must be defined here
|
17
|
+
.input-block-level {
|
18
|
+
@include input-block-level();
|
19
|
+
}
|
3
20
|
|
4
21
|
// Hide from screenreaders and browsers
|
5
22
|
// Credit: HTML5 Boilerplate
|
@@ -13,29 +30,29 @@
|
|
13
30
|
// For desktops
|
14
31
|
.visible-phone { display: none !important; }
|
15
32
|
.visible-tablet { display: none !important; }
|
16
|
-
.visible-desktop { } // Don't set initially
|
17
33
|
.hidden-phone { }
|
18
34
|
.hidden-tablet { }
|
19
35
|
.hidden-desktop { display: none !important; }
|
20
|
-
|
21
|
-
// Phones only
|
22
|
-
@media (max-width: 767px) {
|
23
|
-
// Show
|
24
|
-
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
25
|
-
// Hide
|
26
|
-
.hidden-phone { display: none !important; }
|
27
|
-
// Hide everything else
|
28
|
-
.hidden-desktop { display: inherit !important; }
|
29
|
-
.visible-desktop { display: none !important; }
|
30
|
-
}
|
36
|
+
.visible-desktop { display: inherit !important; }
|
31
37
|
|
32
38
|
// Tablets & small desktops only
|
33
39
|
@media (min-width: 768px) and (max-width: 979px) {
|
40
|
+
// Hide everything else
|
41
|
+
.hidden-desktop { display: inherit !important; }
|
42
|
+
.visible-desktop { display: none !important ; }
|
34
43
|
// Show
|
35
44
|
.visible-tablet { display: inherit !important; }
|
36
45
|
// Hide
|
37
46
|
.hidden-tablet { display: none !important; }
|
47
|
+
}
|
48
|
+
|
49
|
+
// Phones only
|
50
|
+
@media (max-width: 767px) {
|
38
51
|
// Hide everything else
|
39
52
|
.hidden-desktop { display: inherit !important; }
|
40
|
-
.visible-desktop { display: none !important
|
53
|
+
.visible-desktop { display: none !important; }
|
54
|
+
// Show
|
55
|
+
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
56
|
+
// Hide
|
57
|
+
.hidden-phone { display: none !important; }
|
41
58
|
}
|
@@ -1,10 +1,10 @@
|
|
1
|
+
//
|
1
2
|
// Scaffolding
|
2
|
-
//
|
3
|
-
// -------------------------------------------------------------------------------------------
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
6
|
// Body reset
|
7
|
-
//
|
7
|
+
// -------------------------
|
8
8
|
|
9
9
|
body {
|
10
10
|
margin: 0;
|
@@ -17,7 +17,7 @@ body {
|
|
17
17
|
|
18
18
|
|
19
19
|
// Links
|
20
|
-
//
|
20
|
+
// -------------------------
|
21
21
|
|
22
22
|
a {
|
23
23
|
color: $linkColor;
|
@@ -27,3 +27,28 @@ a:hover {
|
|
27
27
|
color: $linkColorHover;
|
28
28
|
text-decoration: underline;
|
29
29
|
}
|
30
|
+
|
31
|
+
|
32
|
+
// Images
|
33
|
+
// -------------------------
|
34
|
+
|
35
|
+
// Rounded corners
|
36
|
+
.img-rounded {
|
37
|
+
@include border-radius(6px);
|
38
|
+
}
|
39
|
+
|
40
|
+
// Add polaroid-esque trim
|
41
|
+
.img-polaroid {
|
42
|
+
padding: 4px;
|
43
|
+
background-color: #fff;
|
44
|
+
border: 1px solid #ccc;
|
45
|
+
border: 1px solid rgba(0,0,0,.2);
|
46
|
+
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
47
|
+
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
48
|
+
box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
49
|
+
}
|
50
|
+
|
51
|
+
// Perfect circle
|
52
|
+
.img-circle {
|
53
|
+
@include border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
54
|
+
}
|