compass_twitter_bootstrap 0.1.8 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +6 -0
- data/README.md +14 -8
- data/build/convert.rb +58 -33
- data/lib/compass_twitter_bootstrap.rb +1 -1
- data/lib/compass_twitter_bootstrap/version.rb +1 -1
- data/stylesheets/_compass_twitter_bootstrap.scss +45 -7
- data/stylesheets/_compass_twitter_bootstrap_responsive.scss +322 -0
- data/stylesheets/compass_twitter_bootstrap/_accordion.scss +28 -0
- data/stylesheets/compass_twitter_bootstrap/_alerts.scss +70 -0
- data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +22 -0
- data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +147 -0
- data/stylesheets/compass_twitter_bootstrap/_buttons.scss +165 -0
- data/stylesheets/compass_twitter_bootstrap/_carousel.scss +121 -0
- data/stylesheets/compass_twitter_bootstrap/_close.scss +18 -0
- data/stylesheets/compass_twitter_bootstrap/_code.scss +44 -0
- data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +18 -0
- data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +131 -0
- data/stylesheets/compass_twitter_bootstrap/_forms.scss +335 -299
- data/stylesheets/compass_twitter_bootstrap/_grid.scss +8 -0
- data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +20 -0
- data/stylesheets/compass_twitter_bootstrap/_labels.scss +16 -0
- data/stylesheets/compass_twitter_bootstrap/_layouts.scss +17 -0
- data/stylesheets/compass_twitter_bootstrap/_mixins.scss +409 -68
- data/stylesheets/compass_twitter_bootstrap/_modals.scss +72 -0
- data/stylesheets/compass_twitter_bootstrap/_navbar.scss +292 -0
- data/stylesheets/compass_twitter_bootstrap/_navs.scss +344 -0
- data/stylesheets/compass_twitter_bootstrap/_pager.scss +30 -0
- data/stylesheets/compass_twitter_bootstrap/_pagination.scss +55 -0
- data/stylesheets/compass_twitter_bootstrap/_popovers.scss +49 -0
- data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +95 -0
- data/stylesheets/compass_twitter_bootstrap/_reset.scss +37 -52
- data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +13 -123
- data/stylesheets/compass_twitter_bootstrap/_sprites.scss +156 -0
- data/stylesheets/compass_twitter_bootstrap/_tables.scss +75 -160
- data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +35 -0
- data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +35 -0
- data/stylesheets/compass_twitter_bootstrap/_type.scss +100 -70
- data/stylesheets/compass_twitter_bootstrap/_utilities.scss +23 -0
- data/stylesheets/compass_twitter_bootstrap/_variables.scss +94 -55
- data/stylesheets/compass_twitter_bootstrap/_wells.scss +17 -0
- data/stylesheets_sass/_compass_twitter_bootstrap.sass +49 -6
- data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +252 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +24 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +65 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +18 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +129 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +150 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +95 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +16 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +41 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +16 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +121 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +327 -306
- data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +8 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +17 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_labels.sass +23 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +14 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +425 -57
- data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +75 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +258 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +316 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +29 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +53 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +55 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +89 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +33 -67
- data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +13 -175
- data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +392 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +67 -139
- data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +34 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +95 -65
- data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +20 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +67 -45
- data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +15 -0
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
- data/vendor/assets/javascripts/bootstrap-button.js +98 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
- data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
- data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
- data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
- metadata +69 -17
- data/stylesheets/compass_twitter_bootstrap/_patterns.scss +0 -1058
- data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +0 -923
- data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
- data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
- data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
- data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
@@ -0,0 +1,30 @@
|
|
1
|
+
// PAGER
|
2
|
+
// -----
|
3
|
+
|
4
|
+
.pager {
|
5
|
+
margin-left: 0;
|
6
|
+
margin-bottom: $baseLineHeight;
|
7
|
+
list-style: none;
|
8
|
+
text-align: center;
|
9
|
+
@include clearfix();
|
10
|
+
}
|
11
|
+
.pager li {
|
12
|
+
display: inline;
|
13
|
+
}
|
14
|
+
.pager a {
|
15
|
+
display: inline-block;
|
16
|
+
padding: 5px 14px;
|
17
|
+
background-color: #fff;
|
18
|
+
border: 1px solid #ddd;
|
19
|
+
@include border-radius(15px);
|
20
|
+
}
|
21
|
+
.pager a:hover {
|
22
|
+
text-decoration: none;
|
23
|
+
background-color: #f5f5f5;
|
24
|
+
}
|
25
|
+
.pager .next a {
|
26
|
+
float: right;
|
27
|
+
}
|
28
|
+
.pager .previous a {
|
29
|
+
float: left;
|
30
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
// PAGINATION
|
2
|
+
// ----------
|
3
|
+
|
4
|
+
.pagination {
|
5
|
+
height: $baseLineHeight * 2;
|
6
|
+
margin: $baseLineHeight 0;
|
7
|
+
}
|
8
|
+
.pagination ul {
|
9
|
+
display: inline-block;
|
10
|
+
@include ie7-inline-block();
|
11
|
+
margin-left: 0;
|
12
|
+
margin-bottom: 0;
|
13
|
+
@include border-radius(3px);
|
14
|
+
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
15
|
+
}
|
16
|
+
.pagination li {
|
17
|
+
display: inline;
|
18
|
+
}
|
19
|
+
.pagination a {
|
20
|
+
float: left;
|
21
|
+
padding: 0 14px;
|
22
|
+
line-height: ($baseLineHeight * 2) - 2;
|
23
|
+
text-decoration: none;
|
24
|
+
border: 1px solid #ddd;
|
25
|
+
border-left-width: 0;
|
26
|
+
}
|
27
|
+
.pagination a:hover,
|
28
|
+
.pagination .active a {
|
29
|
+
background-color: #f5f5f5;
|
30
|
+
}
|
31
|
+
.pagination .active a {
|
32
|
+
color: $grayLight;
|
33
|
+
cursor: default;
|
34
|
+
}
|
35
|
+
.pagination .disabled a,
|
36
|
+
.pagination .disabled a:hover {
|
37
|
+
color: $grayLight;
|
38
|
+
background-color: transparent;
|
39
|
+
cursor: default;
|
40
|
+
}
|
41
|
+
.pagination li:first-child a {
|
42
|
+
border-left-width: 1px;
|
43
|
+
@include border-radius(3px 0 0 3px);
|
44
|
+
}
|
45
|
+
.pagination li:last-child a {
|
46
|
+
@include border-radius(0 3px 3px 0);
|
47
|
+
}
|
48
|
+
|
49
|
+
// Centered
|
50
|
+
.pagination-centered {
|
51
|
+
text-align: center;
|
52
|
+
}
|
53
|
+
.pagination-right {
|
54
|
+
text-align: right;
|
55
|
+
}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
// POPOVERS
|
2
|
+
// --------
|
3
|
+
|
4
|
+
.popover {
|
5
|
+
position: absolute;
|
6
|
+
top: 0;
|
7
|
+
left: 0;
|
8
|
+
z-index: $zindexPopover;
|
9
|
+
display: none;
|
10
|
+
padding: 5px;
|
11
|
+
&.top { margin-top: -5px; }
|
12
|
+
&.right { margin-left: 5px; }
|
13
|
+
&.bottom { margin-top: 5px; }
|
14
|
+
&.left { margin-left: -5px; }
|
15
|
+
&.top .arrow { @include popoverArrow-top(); }
|
16
|
+
&.right .arrow { @include popoverArrow-right(); }
|
17
|
+
&.bottom .arrow { @include popoverArrow-bottom(); }
|
18
|
+
&.left .arrow { @include popoverArrow-left(); }
|
19
|
+
.arrow {
|
20
|
+
position: absolute;
|
21
|
+
width: 0;
|
22
|
+
height: 0;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
.popover-inner {
|
26
|
+
padding: 3px;
|
27
|
+
width: 280px;
|
28
|
+
overflow: hidden;
|
29
|
+
background: $black; // has to be full background declaration for IE fallback
|
30
|
+
background: rgba(0,0,0,.8);
|
31
|
+
@include border-radius(6px);
|
32
|
+
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
33
|
+
}
|
34
|
+
.popover-title {
|
35
|
+
padding: 9px 15px;
|
36
|
+
line-height: 1;
|
37
|
+
background-color: #f5f5f5;
|
38
|
+
border-bottom:1px solid #eee;
|
39
|
+
@include border-radius(3px 3px 0 0);
|
40
|
+
}
|
41
|
+
.popover-content {
|
42
|
+
padding: 14px;
|
43
|
+
background-color: $white;
|
44
|
+
@include border-radius(0 0 3px 3px);
|
45
|
+
@include background-clip(padding-box);
|
46
|
+
p, ul, ol {
|
47
|
+
margin-bottom: 0;
|
48
|
+
}
|
49
|
+
}
|
@@ -0,0 +1,95 @@
|
|
1
|
+
// PROGRESS BARS
|
2
|
+
// -------------
|
3
|
+
|
4
|
+
|
5
|
+
// ANIMATIONS
|
6
|
+
// ----------
|
7
|
+
|
8
|
+
// Webkit
|
9
|
+
@-webkit-keyframes progress-bar-stripes {
|
10
|
+
from { background-position: 0 0; }
|
11
|
+
to { background-position: 40px 0; }
|
12
|
+
}
|
13
|
+
|
14
|
+
// Firefox
|
15
|
+
@-moz-keyframes progress-bar-stripes {
|
16
|
+
from { background-position: 0 0; }
|
17
|
+
to { background-position: 40px 0; }
|
18
|
+
}
|
19
|
+
|
20
|
+
// Spec
|
21
|
+
@keyframes progress-bar-stripes {
|
22
|
+
from { background-position: 0 0; }
|
23
|
+
to { background-position: 40px 0; }
|
24
|
+
}
|
25
|
+
|
26
|
+
|
27
|
+
|
28
|
+
// THE BARS
|
29
|
+
// --------
|
30
|
+
|
31
|
+
// Outer container
|
32
|
+
.progress {
|
33
|
+
overflow: hidden;
|
34
|
+
height: 18px;
|
35
|
+
margin-bottom: 18px;
|
36
|
+
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
37
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
38
|
+
@include border-radius(4px);
|
39
|
+
}
|
40
|
+
|
41
|
+
// Bar of progress
|
42
|
+
.progress .bar {
|
43
|
+
width: 0%;
|
44
|
+
height: 18px;
|
45
|
+
color: $white;
|
46
|
+
font-size: 12px;
|
47
|
+
text-align: center;
|
48
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
49
|
+
@include gradient-vertical(#149bdf, #0480be);
|
50
|
+
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
51
|
+
@include box-sizing(border-box);
|
52
|
+
@include transition(width .6s ease);
|
53
|
+
}
|
54
|
+
|
55
|
+
// Striped bars
|
56
|
+
.progress-striped .bar {
|
57
|
+
@include gradient-striped(#62c462);
|
58
|
+
@include background-size(40px 40px);
|
59
|
+
}
|
60
|
+
|
61
|
+
// Call animation for the active one
|
62
|
+
.progress.active .bar {
|
63
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
64
|
+
-moz-animation: progress-bar-stripes 2s linear infinite;
|
65
|
+
animation: progress-bar-stripes 2s linear infinite;
|
66
|
+
}
|
67
|
+
|
68
|
+
|
69
|
+
|
70
|
+
// COLORS
|
71
|
+
// ------
|
72
|
+
|
73
|
+
// Danger (red)
|
74
|
+
.progress-danger .bar {
|
75
|
+
@include gradient-vertical(#ee5f5b, #c43c35);
|
76
|
+
}
|
77
|
+
.progress-danger.progress-striped .bar {
|
78
|
+
@include gradient-striped(#ee5f5b);
|
79
|
+
}
|
80
|
+
|
81
|
+
// Success (green)
|
82
|
+
.progress-success .bar {
|
83
|
+
@include gradient-vertical(#62c462, #57a957);
|
84
|
+
}
|
85
|
+
.progress-success.progress-striped .bar {
|
86
|
+
@include gradient-striped(#62c462);
|
87
|
+
}
|
88
|
+
|
89
|
+
// Info (teal)
|
90
|
+
.progress-info .bar {
|
91
|
+
@include gradient-vertical(#5bc0de, #339bb9);
|
92
|
+
}
|
93
|
+
.progress-info.progress-striped .bar {
|
94
|
+
@include gradient-striped(#5bc0de);
|
95
|
+
}
|
@@ -1,44 +1,10 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
// ERIC MEYER RESET
|
7
|
-
// --------------------------------------------------
|
8
|
-
|
9
|
-
html, body { margin: 0; padding: 0; }
|
10
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
|
11
|
-
table { border-collapse: collapse; border-spacing: 0; }
|
12
|
-
ol, ul { list-style: none; }
|
13
|
-
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
14
|
-
|
15
|
-
|
16
|
-
// Normalize.css
|
17
|
-
// Pulling in select resets form the normalize.css project
|
18
|
-
// --------------------------------------------------
|
1
|
+
// Reset.less
|
2
|
+
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
3
|
+
// ------------------------------------------------------------------------
|
19
4
|
|
20
5
|
// Display in IE6-9 and FF3
|
21
6
|
// -------------------------
|
22
|
-
// Source: http://github.com/necolas/normalize.css
|
23
|
-
html {
|
24
|
-
overflow-y: scroll;
|
25
|
-
font-size: 100%;
|
26
|
-
-webkit-text-size-adjust: 100%;
|
27
|
-
-ms-text-size-adjust: 100%;
|
28
|
-
}
|
29
|
-
// Focus states
|
30
|
-
a:focus {
|
31
|
-
outline: thin dotted;
|
32
|
-
}
|
33
|
-
// Hover & Active
|
34
|
-
a:hover,
|
35
|
-
a:active {
|
36
|
-
outline: 0;
|
37
|
-
}
|
38
7
|
|
39
|
-
// Display in IE6-9 and FF3
|
40
|
-
// -------------------------
|
41
|
-
// Source: http://github.com/necolas/normalize.css
|
42
8
|
article,
|
43
9
|
aside,
|
44
10
|
details,
|
@@ -54,7 +20,7 @@ section {
|
|
54
20
|
|
55
21
|
// Display block in IE6-9 and FF3
|
56
22
|
// -------------------------
|
57
|
-
|
23
|
+
|
58
24
|
audio,
|
59
25
|
canvas,
|
60
26
|
video {
|
@@ -65,19 +31,37 @@ video {
|
|
65
31
|
|
66
32
|
// Prevents modern browsers from displaying 'audio' without controls
|
67
33
|
// -------------------------
|
68
|
-
|
34
|
+
|
69
35
|
audio:not([controls]) {
|
70
36
|
display: none;
|
71
37
|
}
|
72
38
|
|
39
|
+
// Base settings
|
40
|
+
// -------------------------
|
41
|
+
|
42
|
+
html {
|
43
|
+
font-size: 100%;
|
44
|
+
-webkit-text-size-adjust: 100%;
|
45
|
+
-ms-text-size-adjust: 100%;
|
46
|
+
}
|
47
|
+
// Focus states
|
48
|
+
a:focus {
|
49
|
+
@include tab-focus();
|
50
|
+
}
|
51
|
+
// Hover & Active
|
52
|
+
a:hover,
|
53
|
+
a:active {
|
54
|
+
outline: 0;
|
55
|
+
}
|
56
|
+
|
73
57
|
// Prevents sub and sup affecting line-height in all browsers
|
74
58
|
// -------------------------
|
75
|
-
|
59
|
+
|
76
60
|
sub,
|
77
61
|
sup {
|
62
|
+
position: relative;
|
78
63
|
font-size: 75%;
|
79
64
|
line-height: 0;
|
80
|
-
position: relative;
|
81
65
|
vertical-align: baseline;
|
82
66
|
}
|
83
67
|
sup {
|
@@ -89,35 +73,35 @@ sub {
|
|
89
73
|
|
90
74
|
// Img border in a's and image quality
|
91
75
|
// -------------------------
|
92
|
-
|
76
|
+
|
93
77
|
img {
|
94
|
-
|
95
|
-
|
78
|
+
max-width: 100%;
|
79
|
+
height: auto;
|
80
|
+
border: 0;
|
81
|
+
-ms-interpolation-mode: bicubic;
|
96
82
|
}
|
97
83
|
|
98
84
|
// Forms
|
99
85
|
// -------------------------
|
100
|
-
// Source: http://github.com/necolas/normalize.css
|
101
86
|
|
102
87
|
// Font size in all browsers, margin changes, misc consistency
|
103
88
|
button,
|
104
89
|
input,
|
105
90
|
select,
|
106
91
|
textarea {
|
107
|
-
font-size: 100%;
|
108
92
|
margin: 0;
|
109
|
-
|
110
|
-
|
93
|
+
font-size: 100%;
|
94
|
+
vertical-align: middle;
|
111
95
|
}
|
112
96
|
button,
|
113
97
|
input {
|
114
|
-
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
115
98
|
*overflow: visible; // Inner spacing ie IE6/7
|
99
|
+
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
116
100
|
}
|
117
101
|
button::-moz-focus-inner,
|
118
102
|
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
119
|
-
border: 0;
|
120
103
|
padding: 0;
|
104
|
+
border: 0;
|
121
105
|
}
|
122
106
|
button,
|
123
107
|
input[type="button"],
|
@@ -132,10 +116,11 @@ input[type="search"] { // Appearance in Safari/Chrome
|
|
132
116
|
-moz-box-sizing: content-box;
|
133
117
|
box-sizing: content-box;
|
134
118
|
}
|
135
|
-
input[type="search"]::-webkit-search-decoration
|
119
|
+
input[type="search"]::-webkit-search-decoration,
|
120
|
+
input[type="search"]::-webkit-search-cancel-button {
|
136
121
|
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
137
122
|
}
|
138
123
|
textarea {
|
139
124
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
140
125
|
vertical-align: top; // Readability and alignment cross-browser
|
141
|
-
}
|
126
|
+
}
|
@@ -1,139 +1,29 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
* ------------------------------------------------------------------------------------------- */
|
1
|
+
// Scaffolding
|
2
|
+
// Basic and global styles for generating a grid system, structural layout, and page templates
|
3
|
+
// -------------------------------------------------------------------------------------------
|
5
4
|
|
6
5
|
|
7
6
|
// STRUCTURAL LAYOUT
|
8
7
|
// -----------------
|
9
8
|
|
10
9
|
body {
|
11
|
-
background-color: $white;
|
12
10
|
margin: 0;
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
.container {
|
19
|
-
@include fixed-container();
|
20
|
-
}
|
21
|
-
|
22
|
-
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
23
|
-
.container-fluid {
|
24
|
-
position: relative;
|
25
|
-
min-width: 940px;
|
26
|
-
padding-left: 20px;
|
27
|
-
padding-right: 20px;
|
28
|
-
@include clearfix();
|
29
|
-
> .sidebar {
|
30
|
-
position: absolute;
|
31
|
-
top: 0;
|
32
|
-
left: 20px;
|
33
|
-
width: 220px;
|
34
|
-
}
|
35
|
-
// TODO in v2: rename this and .popover .content to be more specific
|
36
|
-
> .content {
|
37
|
-
margin-left: 240px;
|
38
|
-
}
|
11
|
+
font-family: $baseFontFamily;
|
12
|
+
font-size: $baseFontSize;
|
13
|
+
line-height: $baseLineHeight;
|
14
|
+
color: $textColor;
|
15
|
+
background-color: $white;
|
39
16
|
}
|
40
17
|
|
41
18
|
|
42
|
-
//
|
43
|
-
//
|
19
|
+
// LINKS
|
20
|
+
// -----
|
44
21
|
|
45
|
-
// Links
|
46
22
|
a {
|
47
23
|
color: $linkColor;
|
48
24
|
text-decoration: none;
|
49
|
-
line-height: inherit;
|
50
|
-
font-weight: inherit;
|
51
|
-
&:hover {
|
52
|
-
color: $linkColorHover;
|
53
|
-
text-decoration: underline;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
// Quick floats
|
58
|
-
.pull-right {
|
59
|
-
float: right;
|
60
|
-
}
|
61
|
-
.pull-left {
|
62
|
-
float: left;
|
63
|
-
}
|
64
|
-
|
65
|
-
// Toggling content
|
66
|
-
.hide {
|
67
|
-
display: none;
|
68
25
|
}
|
69
|
-
|
70
|
-
|
26
|
+
a:hover {
|
27
|
+
color: $linkColorHover;
|
28
|
+
text-decoration: underline;
|
71
29
|
}
|
72
|
-
|
73
|
-
|
74
|
-
// GRID SYSTEM
|
75
|
-
// -----------
|
76
|
-
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
77
|
-
|
78
|
-
.row {
|
79
|
-
@include clearfix();
|
80
|
-
margin-left: -$gridGutterWidth;
|
81
|
-
}
|
82
|
-
|
83
|
-
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
84
|
-
// Credit to $dhg for the idea
|
85
|
-
.row > [class*="span"] {
|
86
|
-
@include gridColumn();
|
87
|
-
}
|
88
|
-
|
89
|
-
// Default columns
|
90
|
-
.span1 { @include columns(1); }
|
91
|
-
.span2 { @include columns(2); }
|
92
|
-
.span3 { @include columns(3); }
|
93
|
-
.span4 { @include columns(4); }
|
94
|
-
.span5 { @include columns(5); }
|
95
|
-
.span6 { @include columns(6); }
|
96
|
-
.span7 { @include columns(7); }
|
97
|
-
.span8 { @include columns(8); }
|
98
|
-
.span9 { @include columns(9); }
|
99
|
-
.span10 { @include columns(10); }
|
100
|
-
.span11 { @include columns(11); }
|
101
|
-
.span12 { @include columns(12); }
|
102
|
-
.span13 { @include columns(13); }
|
103
|
-
.span14 { @include columns(14); }
|
104
|
-
.span15 { @include columns(15); }
|
105
|
-
.span16 { @include columns(16); }
|
106
|
-
|
107
|
-
// For optional 24-column grid
|
108
|
-
.span17 { @include columns(17); }
|
109
|
-
.span18 { @include columns(18); }
|
110
|
-
.span19 { @include columns(19); }
|
111
|
-
.span20 { @include columns(20); }
|
112
|
-
.span21 { @include columns(21); }
|
113
|
-
.span22 { @include columns(22); }
|
114
|
-
.span23 { @include columns(23); }
|
115
|
-
.span24 { @include columns(24); }
|
116
|
-
|
117
|
-
// Offset column options
|
118
|
-
.row {
|
119
|
-
> .offset1 { @include offset(1); }
|
120
|
-
> .offset2 { @include offset(2); }
|
121
|
-
> .offset3 { @include offset(3); }
|
122
|
-
> .offset4 { @include offset(4); }
|
123
|
-
> .offset5 { @include offset(5); }
|
124
|
-
> .offset6 { @include offset(6); }
|
125
|
-
> .offset7 { @include offset(7); }
|
126
|
-
> .offset8 { @include offset(8); }
|
127
|
-
> .offset9 { @include offset(9); }
|
128
|
-
> .offset10 { @include offset(10); }
|
129
|
-
> .offset11 { @include offset(11); }
|
130
|
-
> .offset12 { @include offset(12); }
|
131
|
-
}
|
132
|
-
|
133
|
-
// Unique column sizes for 16-column grid
|
134
|
-
.span-one-third { width: 300px; }
|
135
|
-
.span-two-thirds { width: 620px; }
|
136
|
-
.row {
|
137
|
-
> .offset-one-third { margin-left: 340px; }
|
138
|
-
> .offset-two-thirds { margin-left: 660px; }
|
139
|
-
}
|