webgen-sass_twitter_bootstrap-bundle 1.0.0
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 +15 -0
- data/ChangeLog +3 -0
- data/LICENSE +20 -0
- data/README.md +61 -0
- data/VERSION +1 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_accordion.scss +34 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_alerts.scss +65 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_breadcrumbs.scss +24 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_button-groups.scss +242 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_buttons.scss +232 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_carousel.scss +131 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_close.scss +31 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_code.scss +58 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_component-animations.scss +22 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_dropdowns.scss +237 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_forms.scss +682 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_grid.scss +21 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_hero-unit.scss +25 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_labels-badges.scss +71 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_layouts.scss +16 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_media.scss +55 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_mixins.scss +684 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_modals.scss +95 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_navbar.scss +472 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_navs.scss +385 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_pager.scss +41 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_pagination.scss +121 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_popovers.scss +117 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_progress-bars.scss +122 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_reset.scss +138 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-1200px-min.scss +28 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-767px-max.scss +193 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-768px-979px.scss +19 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-navbar.scss +185 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-utilities.scss +58 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_scaffolding.scss +52 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_sprites.scss +195 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_tables.scss +227 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_thumbnails.scss +52 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_tooltip.scss +70 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_type.scss +227 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_utilities.scss +45 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_variables.scss +301 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_wells.scss +29 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/bootstrap.scss +63 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/responsive.scss +48 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/img/glyphicons-halflings-white.png +0 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/img/glyphicons-halflings.png +0 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-affix.js +106 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-alert.js +88 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-button.js +94 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-carousel.js +176 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-collapse.js +156 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-dropdown.js +148 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-modal.js +234 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-popover.js +103 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-scrollspy.js +151 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-tab.js +133 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-tooltip.js +276 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-transition.js +60 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-typeahead.js +310 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/info.yaml +9 -0
- data/lib/webgen/bundle/sass_twitter_bootstrap/init.rb +3 -0
- metadata +126 -0
@@ -0,0 +1,117 @@
|
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.popover {
|
7
|
+
position: absolute;
|
8
|
+
top: 0;
|
9
|
+
left: 0;
|
10
|
+
z-index: $zindexPopover;
|
11
|
+
display: none;
|
12
|
+
width: 236px;
|
13
|
+
padding: 1px;
|
14
|
+
background-color: $popoverBackground;
|
15
|
+
-webkit-background-clip: padding-box;
|
16
|
+
-moz-background-clip: padding;
|
17
|
+
background-clip: padding-box;
|
18
|
+
border: 1px solid #ccc;
|
19
|
+
border: 1px solid rgba(0,0,0,.2);
|
20
|
+
@include border-radius(6px);
|
21
|
+
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
22
|
+
|
23
|
+
// Offset the popover to account for the popover arrow
|
24
|
+
&.top { margin-top: -10px; }
|
25
|
+
&.right { margin-left: 10px; }
|
26
|
+
&.bottom { margin-top: 10px; }
|
27
|
+
&.left { margin-left: -10px; }
|
28
|
+
|
29
|
+
}
|
30
|
+
|
31
|
+
.popover-title {
|
32
|
+
margin: 0; // reset heading margin
|
33
|
+
padding: 8px 14px;
|
34
|
+
font-size: 14px;
|
35
|
+
font-weight: normal;
|
36
|
+
line-height: 18px;
|
37
|
+
background-color: $popoverTitleBackground;
|
38
|
+
border-bottom: 1px solid darken($popoverTitleBackground, 5%);
|
39
|
+
@include border-radius(5px 5px 0 0);
|
40
|
+
}
|
41
|
+
|
42
|
+
.popover-content {
|
43
|
+
padding: 9px 14px;
|
44
|
+
p, ul, ol {
|
45
|
+
margin-bottom: 0;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
// Arrows
|
50
|
+
.popover .arrow,
|
51
|
+
.popover .arrow:after {
|
52
|
+
position: absolute;
|
53
|
+
display: inline-block;
|
54
|
+
width: 0;
|
55
|
+
height: 0;
|
56
|
+
border-color: transparent;
|
57
|
+
border-style: solid;
|
58
|
+
}
|
59
|
+
.popover .arrow:after {
|
60
|
+
content: "";
|
61
|
+
z-index: -1;
|
62
|
+
}
|
63
|
+
|
64
|
+
.popover {
|
65
|
+
&.top .arrow {
|
66
|
+
bottom: -$popoverArrowWidth;
|
67
|
+
left: 50%;
|
68
|
+
margin-left: -$popoverArrowWidth;
|
69
|
+
border-width: $popoverArrowWidth $popoverArrowWidth 0;
|
70
|
+
border-top-color: $popoverArrowColor;
|
71
|
+
&:after {
|
72
|
+
border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth 0;
|
73
|
+
border-top-color: $popoverArrowOuterColor;
|
74
|
+
bottom: -1px;
|
75
|
+
left: -$popoverArrowOuterWidth;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
&.right .arrow {
|
79
|
+
top: 50%;
|
80
|
+
left: -$popoverArrowWidth;
|
81
|
+
margin-top: -$popoverArrowWidth;
|
82
|
+
border-width: $popoverArrowWidth $popoverArrowWidth $popoverArrowWidth 0;
|
83
|
+
border-right-color: $popoverArrowColor;
|
84
|
+
&:after {
|
85
|
+
border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth $popoverArrowOuterWidth 0;
|
86
|
+
border-right-color: $popoverArrowOuterColor;
|
87
|
+
bottom: -$popoverArrowOuterWidth;
|
88
|
+
left: -1px;
|
89
|
+
}
|
90
|
+
}
|
91
|
+
&.bottom .arrow {
|
92
|
+
top: -$popoverArrowWidth;
|
93
|
+
left: 50%;
|
94
|
+
margin-left: -$popoverArrowWidth;
|
95
|
+
border-width: 0 $popoverArrowWidth $popoverArrowWidth;
|
96
|
+
border-bottom-color: $popoverArrowColor;
|
97
|
+
&:after {
|
98
|
+
border-width: 0 $popoverArrowOuterWidth $popoverArrowOuterWidth;
|
99
|
+
border-bottom-color: $popoverArrowOuterColor;
|
100
|
+
top: -1px;
|
101
|
+
left: -$popoverArrowOuterWidth;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
&.left .arrow {
|
105
|
+
top: 50%;
|
106
|
+
right: -$popoverArrowWidth;
|
107
|
+
margin-top: -$popoverArrowWidth;
|
108
|
+
border-width: $popoverArrowWidth 0 $popoverArrowWidth $popoverArrowWidth;
|
109
|
+
border-left-color: $popoverArrowColor;
|
110
|
+
&:after {
|
111
|
+
border-width: $popoverArrowOuterWidth 0 $popoverArrowOuterWidth $popoverArrowOuterWidth;
|
112
|
+
border-left-color: $popoverArrowOuterColor;
|
113
|
+
bottom: -$popoverArrowOuterWidth;
|
114
|
+
right: -1px;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
}
|
@@ -0,0 +1,122 @@
|
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// 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
|
+
// Firefox
|
16
|
+
@-moz-keyframes progress-bar-stripes {
|
17
|
+
from { background-position: 40px 0; }
|
18
|
+
to { background-position: 0 0; }
|
19
|
+
}
|
20
|
+
|
21
|
+
// IE9
|
22
|
+
@-ms-keyframes progress-bar-stripes {
|
23
|
+
from { background-position: 40px 0; }
|
24
|
+
to { background-position: 0 0; }
|
25
|
+
}
|
26
|
+
|
27
|
+
// Opera
|
28
|
+
@-o-keyframes progress-bar-stripes {
|
29
|
+
from { background-position: 0 0; }
|
30
|
+
to { background-position: 40px 0; }
|
31
|
+
}
|
32
|
+
|
33
|
+
// Spec
|
34
|
+
@keyframes progress-bar-stripes {
|
35
|
+
from { background-position: 40px 0; }
|
36
|
+
to { background-position: 0 0; }
|
37
|
+
}
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
// THE BARS
|
42
|
+
// --------
|
43
|
+
|
44
|
+
// Outer container
|
45
|
+
.progress {
|
46
|
+
overflow: hidden;
|
47
|
+
height: $baseLineHeight;
|
48
|
+
margin-bottom: $baseLineHeight;
|
49
|
+
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
50
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
51
|
+
@include border-radius($baseBorderRadius);
|
52
|
+
}
|
53
|
+
|
54
|
+
// Bar of progress
|
55
|
+
.progress .bar {
|
56
|
+
width: 0%;
|
57
|
+
height: 100%;
|
58
|
+
color: $white;
|
59
|
+
float: left;
|
60
|
+
font-size: 12px;
|
61
|
+
text-align: center;
|
62
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
63
|
+
@include gradient-vertical(#149bdf, #0480be);
|
64
|
+
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
65
|
+
@include box-sizing(border-box);
|
66
|
+
@include transition(width .6s ease);
|
67
|
+
}
|
68
|
+
.progress .bar + .bar {
|
69
|
+
@include box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15));
|
70
|
+
}
|
71
|
+
|
72
|
+
// Striped bars
|
73
|
+
.progress-striped .bar {
|
74
|
+
@include gradient-striped(#149bdf);
|
75
|
+
@include background-size(40px 40px);
|
76
|
+
}
|
77
|
+
|
78
|
+
// Call animation for the active one
|
79
|
+
.progress.active .bar {
|
80
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
81
|
+
-moz-animation: progress-bar-stripes 2s linear infinite;
|
82
|
+
-ms-animation: progress-bar-stripes 2s linear infinite;
|
83
|
+
-o-animation: progress-bar-stripes 2s linear infinite;
|
84
|
+
animation: progress-bar-stripes 2s linear infinite;
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
// COLORS
|
90
|
+
// ------
|
91
|
+
|
92
|
+
// Danger (red)
|
93
|
+
.progress-danger .bar, .progress .bar-danger {
|
94
|
+
@include gradient-vertical(#ee5f5b, #c43c35);
|
95
|
+
}
|
96
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
97
|
+
@include gradient-striped(#ee5f5b);
|
98
|
+
}
|
99
|
+
|
100
|
+
// Success (green)
|
101
|
+
.progress-success .bar, .progress .bar-success {
|
102
|
+
@include gradient-vertical(#62c462, #57a957);
|
103
|
+
}
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
105
|
+
@include gradient-striped(#62c462);
|
106
|
+
}
|
107
|
+
|
108
|
+
// Info (teal)
|
109
|
+
.progress-info .bar, .progress .bar-info {
|
110
|
+
@include gradient-vertical(#5bc0de, #339bb9);
|
111
|
+
}
|
112
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
113
|
+
@include gradient-striped(#5bc0de);
|
114
|
+
}
|
115
|
+
|
116
|
+
// Warning (orange)
|
117
|
+
.progress-warning .bar, .progress .bar-warning {
|
118
|
+
@include gradient-vertical(lighten($orange, 15%), $orange);
|
119
|
+
}
|
120
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
121
|
+
@include gradient-striped(lighten($orange, 15%));
|
122
|
+
}
|
@@ -0,0 +1,138 @@
|
|
1
|
+
//
|
2
|
+
// Reset
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
6
|
+
|
7
|
+
// Display in IE6-9 and FF3
|
8
|
+
// -------------------------
|
9
|
+
|
10
|
+
article,
|
11
|
+
aside,
|
12
|
+
details,
|
13
|
+
figcaption,
|
14
|
+
figure,
|
15
|
+
footer,
|
16
|
+
header,
|
17
|
+
hgroup,
|
18
|
+
nav,
|
19
|
+
section {
|
20
|
+
display: block;
|
21
|
+
}
|
22
|
+
|
23
|
+
// Display block in IE6-9 and FF3
|
24
|
+
// -------------------------
|
25
|
+
|
26
|
+
audio,
|
27
|
+
canvas,
|
28
|
+
video {
|
29
|
+
display: inline-block;
|
30
|
+
*display: inline;
|
31
|
+
*zoom: 1;
|
32
|
+
}
|
33
|
+
|
34
|
+
// Prevents modern browsers from displaying 'audio' without controls
|
35
|
+
// -------------------------
|
36
|
+
|
37
|
+
audio:not([controls]) {
|
38
|
+
display: none;
|
39
|
+
}
|
40
|
+
|
41
|
+
// Base settings
|
42
|
+
// -------------------------
|
43
|
+
|
44
|
+
html {
|
45
|
+
font-size: 100%;
|
46
|
+
-webkit-text-size-adjust: 100%;
|
47
|
+
-ms-text-size-adjust: 100%;
|
48
|
+
}
|
49
|
+
// Focus states
|
50
|
+
a:focus {
|
51
|
+
@include tab-focus();
|
52
|
+
}
|
53
|
+
// Hover & Active
|
54
|
+
a:hover,
|
55
|
+
a:active {
|
56
|
+
outline: 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
// Prevents sub and sup affecting line-height in all browsers
|
60
|
+
// -------------------------
|
61
|
+
|
62
|
+
sub,
|
63
|
+
sup {
|
64
|
+
position: relative;
|
65
|
+
font-size: 75%;
|
66
|
+
line-height: 0;
|
67
|
+
vertical-align: baseline;
|
68
|
+
}
|
69
|
+
sup {
|
70
|
+
top: -0.5em;
|
71
|
+
}
|
72
|
+
sub {
|
73
|
+
bottom: -0.25em;
|
74
|
+
}
|
75
|
+
|
76
|
+
// Img border in a's and image quality
|
77
|
+
// -------------------------
|
78
|
+
|
79
|
+
img {
|
80
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
81
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
84
|
+
|
85
|
+
vertical-align: middle;
|
86
|
+
border: 0;
|
87
|
+
-ms-interpolation-mode: bicubic;
|
88
|
+
}
|
89
|
+
|
90
|
+
// Prevent max-width from affecting Google Maps
|
91
|
+
#map_canvas img,
|
92
|
+
.google-maps img {
|
93
|
+
max-width: none;
|
94
|
+
}
|
95
|
+
|
96
|
+
// Forms
|
97
|
+
// -------------------------
|
98
|
+
|
99
|
+
// Font size in all browsers, margin changes, misc consistency
|
100
|
+
button,
|
101
|
+
input,
|
102
|
+
select,
|
103
|
+
textarea {
|
104
|
+
margin: 0;
|
105
|
+
font-size: 100%;
|
106
|
+
vertical-align: middle;
|
107
|
+
}
|
108
|
+
button,
|
109
|
+
input {
|
110
|
+
*overflow: visible; // Inner spacing ie IE6/7
|
111
|
+
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
112
|
+
}
|
113
|
+
button::-moz-focus-inner,
|
114
|
+
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
115
|
+
padding: 0;
|
116
|
+
border: 0;
|
117
|
+
}
|
118
|
+
button,
|
119
|
+
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
120
|
+
input[type="reset"],
|
121
|
+
input[type="submit"] {
|
122
|
+
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
|
+
}
|
125
|
+
input[type="search"] { // Appearance in Safari/Chrome
|
126
|
+
-webkit-box-sizing: content-box;
|
127
|
+
-moz-box-sizing: content-box;
|
128
|
+
box-sizing: content-box;
|
129
|
+
-webkit-appearance: textfield;
|
130
|
+
}
|
131
|
+
input[type="search"]::-webkit-search-decoration,
|
132
|
+
input[type="search"]::-webkit-search-cancel-button {
|
133
|
+
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
134
|
+
}
|
135
|
+
textarea {
|
136
|
+
overflow: auto; // Remove vertical scrollbar in IE6-9
|
137
|
+
vertical-align: top; // Readability and alignment cross-browser
|
138
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Large desktop and up
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
@media (min-width: 1200px) {
|
7
|
+
|
8
|
+
// Fixed grid
|
9
|
+
@include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
|
10
|
+
|
11
|
+
// Fluid grid
|
12
|
+
@include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
|
13
|
+
|
14
|
+
// Input grid
|
15
|
+
@include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
|
16
|
+
|
17
|
+
// Thumbnails
|
18
|
+
.thumbnails {
|
19
|
+
margin-left: -$gridGutterWidth1200;
|
20
|
+
}
|
21
|
+
.thumbnails > li {
|
22
|
+
margin-left: $gridGutterWidth1200;
|
23
|
+
}
|
24
|
+
.row-fluid .thumbnails {
|
25
|
+
margin-left: 0;
|
26
|
+
}
|
27
|
+
|
28
|
+
}
|
@@ -0,0 +1,193 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Landscape phone to desktop/tablet
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
@media (max-width: 767px) {
|
7
|
+
|
8
|
+
// Padding to set content in a bit
|
9
|
+
body {
|
10
|
+
padding-left: 20px;
|
11
|
+
padding-right: 20px;
|
12
|
+
}
|
13
|
+
// Negative indent the now static "fixed" navbar
|
14
|
+
.navbar-fixed-top,
|
15
|
+
.navbar-fixed-bottom,
|
16
|
+
.navbar-static-top {
|
17
|
+
margin-left: -20px;
|
18
|
+
margin-right: -20px;
|
19
|
+
}
|
20
|
+
// Remove padding on container given explicit padding set on body
|
21
|
+
.container-fluid {
|
22
|
+
padding: 0;
|
23
|
+
}
|
24
|
+
|
25
|
+
// TYPOGRAPHY
|
26
|
+
// ----------
|
27
|
+
// Reset horizontal dl
|
28
|
+
.dl-horizontal {
|
29
|
+
dt {
|
30
|
+
float: none;
|
31
|
+
clear: none;
|
32
|
+
width: auto;
|
33
|
+
text-align: left;
|
34
|
+
}
|
35
|
+
dd {
|
36
|
+
margin-left: 0;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
// GRID & CONTAINERS
|
41
|
+
// -----------------
|
42
|
+
// Remove width from containers
|
43
|
+
.container {
|
44
|
+
width: auto;
|
45
|
+
}
|
46
|
+
// Fluid rows
|
47
|
+
.row-fluid {
|
48
|
+
width: 100%;
|
49
|
+
}
|
50
|
+
// Undo negative margin on rows and thumbnails
|
51
|
+
.row,
|
52
|
+
.thumbnails {
|
53
|
+
margin-left: 0;
|
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
|
+
}
|
59
|
+
// Make all grid-sized elements block level again
|
60
|
+
[class*="span"],
|
61
|
+
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
|
62
|
+
.row-fluid [class*="span"] {
|
63
|
+
float: none;
|
64
|
+
display: block;
|
65
|
+
width: 100%;
|
66
|
+
margin-left: 0;
|
67
|
+
@include box-sizing(border-box);
|
68
|
+
}
|
69
|
+
.span12,
|
70
|
+
.row-fluid .span12 {
|
71
|
+
width: 100%;
|
72
|
+
@include box-sizing(border-box);
|
73
|
+
}
|
74
|
+
.row-fluid [class*="offset"]:first-child {
|
75
|
+
margin-left: 0;
|
76
|
+
}
|
77
|
+
|
78
|
+
// FORM FIELDS
|
79
|
+
// -----------
|
80
|
+
// Make span* classes full width
|
81
|
+
.input-large,
|
82
|
+
.input-xlarge,
|
83
|
+
.input-xxlarge,
|
84
|
+
input[class*="span"],
|
85
|
+
select[class*="span"],
|
86
|
+
textarea[class*="span"],
|
87
|
+
.uneditable-input {
|
88
|
+
@include input-block-level();
|
89
|
+
}
|
90
|
+
// But don't let it screw up prepend/append inputs
|
91
|
+
.input-prepend input,
|
92
|
+
.input-append input,
|
93
|
+
.input-prepend input[class*="span"],
|
94
|
+
.input-append input[class*="span"] {
|
95
|
+
display: inline-block; // redeclare so they don't wrap to new lines
|
96
|
+
width: auto;
|
97
|
+
}
|
98
|
+
.controls-row [class*="span"] + [class*="span"] {
|
99
|
+
margin-left: 0;
|
100
|
+
}
|
101
|
+
|
102
|
+
// Modals
|
103
|
+
.modal {
|
104
|
+
position: fixed;
|
105
|
+
top: 20px;
|
106
|
+
left: 20px;
|
107
|
+
right: 20px;
|
108
|
+
width: auto;
|
109
|
+
margin: 0;
|
110
|
+
&.fade { top: -100px; }
|
111
|
+
&.fade.in { top: 20px; }
|
112
|
+
}
|
113
|
+
|
114
|
+
}
|
115
|
+
|
116
|
+
|
117
|
+
|
118
|
+
// UP TO LANDSCAPE PHONE
|
119
|
+
// ---------------------
|
120
|
+
|
121
|
+
@media (max-width: 480px) {
|
122
|
+
|
123
|
+
// Smooth out the collapsing/expanding nav
|
124
|
+
.nav-collapse {
|
125
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
126
|
+
}
|
127
|
+
|
128
|
+
// Block level the page header small tag for readability
|
129
|
+
.page-header h1 small {
|
130
|
+
display: block;
|
131
|
+
line-height: $baseLineHeight;
|
132
|
+
}
|
133
|
+
|
134
|
+
// Update checkboxes for iOS
|
135
|
+
input[type="checkbox"],
|
136
|
+
input[type="radio"] {
|
137
|
+
border: 1px solid #ccc;
|
138
|
+
}
|
139
|
+
|
140
|
+
// Remove the horizontal form styles
|
141
|
+
.form-horizontal {
|
142
|
+
.control-label {
|
143
|
+
float: none;
|
144
|
+
width: auto;
|
145
|
+
padding-top: 0;
|
146
|
+
text-align: left;
|
147
|
+
}
|
148
|
+
// Move over all input controls and content
|
149
|
+
.controls {
|
150
|
+
margin-left: 0;
|
151
|
+
}
|
152
|
+
// Move the options list down to align with labels
|
153
|
+
.control-list {
|
154
|
+
padding-top: 0; // has to be padding because margin collaspes
|
155
|
+
}
|
156
|
+
// Move over buttons in .form-actions to align with .controls
|
157
|
+
.form-actions {
|
158
|
+
padding-left: 10px;
|
159
|
+
padding-right: 10px;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
|
163
|
+
// Medias
|
164
|
+
// Reset float and spacing to stack
|
165
|
+
.media .pull-left,
|
166
|
+
.media .pull-right {
|
167
|
+
float: none;
|
168
|
+
display: block;
|
169
|
+
margin-bottom: 10px;
|
170
|
+
}
|
171
|
+
// Remove side margins since we stack instead of indent
|
172
|
+
.media-object {
|
173
|
+
margin-right: 0;
|
174
|
+
margin-left: 0;
|
175
|
+
}
|
176
|
+
|
177
|
+
// Modals
|
178
|
+
.modal {
|
179
|
+
top: 10px;
|
180
|
+
left: 10px;
|
181
|
+
right: 10px;
|
182
|
+
}
|
183
|
+
.modal-header .close {
|
184
|
+
padding: 10px;
|
185
|
+
margin: -10px;
|
186
|
+
}
|
187
|
+
|
188
|
+
// Carousel
|
189
|
+
.carousel-caption {
|
190
|
+
position: static;
|
191
|
+
}
|
192
|
+
|
193
|
+
}
|