sass-rails-bootstrap 2.0.2
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.
- data/LICENSE +13 -0
- data/README.md +99 -0
- data/Rakefile +38 -0
- data/lib/sass-rails-bootstrap/engine.rb +4 -0
- data/lib/sass-rails-bootstrap/version.rb +3 -0
- data/lib/sass-rails-bootstrap.rb +5 -0
- data/lib/tasks/sass-rails-bootstrap_tasks.rake +4 -0
- data/test/dummy/README.rdoc +261 -0
- data/test/dummy/Rakefile +7 -0
- data/test/dummy/app/assets/javascripts/application.js +15 -0
- data/test/dummy/app/assets/stylesheets/application.css +13 -0
- data/test/dummy/app/controllers/application_controller.rb +3 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +14 -0
- data/test/dummy/config/application.rb +56 -0
- data/test/dummy/config/boot.rb +10 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +37 -0
- data/test/dummy/config/environments/production.rb +67 -0
- data/test/dummy/config/environments/test.rb +37 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/inflections.rb +15 -0
- data/test/dummy/config/initializers/mime_types.rb +5 -0
- data/test/dummy/config/initializers/secret_token.rb +7 -0
- data/test/dummy/config/initializers/session_store.rb +8 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +5 -0
- data/test/dummy/config/routes.rb +58 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/db/test.sqlite3 +0 -0
- data/test/dummy/log/test.log +2 -0
- data/test/dummy/public/404.html +26 -0
- data/test/dummy/public/422.html +26 -0
- data/test/dummy/public/500.html +25 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/script/rails +6 -0
- data/test/sass-rails-bootstrap_test.rb +7 -0
- data/test/test_helper.rb +10 -0
- data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +94 -0
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +100 -0
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +161 -0
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +138 -0
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +92 -0
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +210 -0
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +95 -0
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +125 -0
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +130 -0
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +270 -0
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +51 -0
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +271 -0
- data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
- data/vendor/assets/stylesheets/twitter/_bootstrap.scss +66 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +26 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +54 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_badges.sass +44 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +20 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +155 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +161 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.sass +105 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_close.sass +16 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +48 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.sass +16 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +130 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +492 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_grid.sass +8 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +19 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_labels.sass +45 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.sass +13 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +517 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +87 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +300 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +332 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +29 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +45 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +54 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +105 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +115 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.sass +333 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.sass +25 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +273 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +158 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +34 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +43 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +209 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.sass +19 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +199 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +23 -0
- metadata +183 -0
@@ -0,0 +1,54 @@
|
|
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
|
12
|
+
margin-top: -5px
|
13
|
+
&.right
|
14
|
+
margin-left: 5px
|
15
|
+
&.bottom
|
16
|
+
margin-top: 5px
|
17
|
+
&.left
|
18
|
+
margin-left: -5px
|
19
|
+
&.top .arrow
|
20
|
+
+popover-arrow-top
|
21
|
+
&.right .arrow
|
22
|
+
+popover-arrow-right
|
23
|
+
&.bottom .arrow
|
24
|
+
+popover-arrow-bottom
|
25
|
+
&.left .arrow
|
26
|
+
+popover-arrow-left
|
27
|
+
.arrow
|
28
|
+
position: absolute
|
29
|
+
width: 0
|
30
|
+
height: 0
|
31
|
+
|
32
|
+
.popover-inner
|
33
|
+
padding: 3px
|
34
|
+
width: 280px
|
35
|
+
overflow: hidden
|
36
|
+
background: $black // has to be full background declaration for IE fallback
|
37
|
+
background: rgba(0,0,0,.8)
|
38
|
+
+border-radius(6px)
|
39
|
+
+box-shadow(0 3px 7px rgba(0,0,0,0.3))
|
40
|
+
|
41
|
+
.popover-title
|
42
|
+
padding: 9px 15px
|
43
|
+
line-height: 1
|
44
|
+
background-color: #f5f5f5
|
45
|
+
border-bottom: 1px solid #eee
|
46
|
+
+border-radius(3px 3px 0 0)
|
47
|
+
|
48
|
+
.popover-content
|
49
|
+
padding: 14px
|
50
|
+
background-color: $white
|
51
|
+
+border-radius(0 0 3px 3px)
|
52
|
+
+background-clip(padding-box)
|
53
|
+
p, ul, ol
|
54
|
+
margin-bottom: 0
|
@@ -0,0 +1,105 @@
|
|
1
|
+
// PROGRESS BARS
|
2
|
+
// -------------
|
3
|
+
|
4
|
+
|
5
|
+
// ANIMATIONS
|
6
|
+
// ----------
|
7
|
+
|
8
|
+
// Webkit
|
9
|
+
@-webkit-keyframes progress-bar-stripes
|
10
|
+
from
|
11
|
+
background-position: 0 0
|
12
|
+
to
|
13
|
+
background-position: 40px 0
|
14
|
+
|
15
|
+
// Firefox
|
16
|
+
@-moz-keyframes progress-bar-stripes
|
17
|
+
from
|
18
|
+
background-position: 0 0
|
19
|
+
to
|
20
|
+
background-position: 40px 0
|
21
|
+
|
22
|
+
// IE9
|
23
|
+
@-ms-keyframes progress-bar-stripes
|
24
|
+
from
|
25
|
+
background-position: 0 0
|
26
|
+
to
|
27
|
+
background-position: 40px 0
|
28
|
+
|
29
|
+
// Spec
|
30
|
+
@keyframes progress-bar-stripes
|
31
|
+
from
|
32
|
+
background-position: 0 0
|
33
|
+
to
|
34
|
+
background-position: 40px 0
|
35
|
+
|
36
|
+
|
37
|
+
|
38
|
+
// THE BARS
|
39
|
+
// --------
|
40
|
+
|
41
|
+
// Outer container
|
42
|
+
.progress
|
43
|
+
overflow: hidden
|
44
|
+
height: 18px
|
45
|
+
margin-bottom: 18px
|
46
|
+
+gradient-vertical(#f5f5f5, #f9f9f9)
|
47
|
+
+box-shadow(inset 0 1px 2px rgba(0,0,0,.1))
|
48
|
+
+border-radius(4px)
|
49
|
+
|
50
|
+
// Bar of progress
|
51
|
+
.progress .bar
|
52
|
+
width: 0%
|
53
|
+
height: 18px
|
54
|
+
color: $white
|
55
|
+
font-size: 12px
|
56
|
+
text-align: center
|
57
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
|
58
|
+
+gradient-vertical(#149bdf, #0480be)
|
59
|
+
+box-shadow(inset 0 -1px 0 rgba(0,0,0,.15))
|
60
|
+
+box-sizing(border-box)
|
61
|
+
+transition(width .6s ease)
|
62
|
+
|
63
|
+
// Striped bars
|
64
|
+
.progress-striped .bar
|
65
|
+
+gradient-striped(#149bdf)
|
66
|
+
+background-size(40px 40px)
|
67
|
+
|
68
|
+
// Call animation for the active one
|
69
|
+
.progress.active .bar
|
70
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite
|
71
|
+
-moz-animation: progress-bar-stripes 2s linear infinite
|
72
|
+
animation: progress-bar-stripes 2s linear infinite
|
73
|
+
|
74
|
+
|
75
|
+
|
76
|
+
// COLORS
|
77
|
+
// ------
|
78
|
+
|
79
|
+
// Danger (red)
|
80
|
+
.progress-danger .bar
|
81
|
+
+gradient-vertical(#ee5f5b, #c43c35)
|
82
|
+
|
83
|
+
.progress-danger.progress-striped .bar
|
84
|
+
+gradient-striped(#ee5f5b)
|
85
|
+
|
86
|
+
// Success (green)
|
87
|
+
.progress-success .bar
|
88
|
+
+gradient-vertical(#62c462, #57a957)
|
89
|
+
|
90
|
+
.progress-success.progress-striped .bar
|
91
|
+
+gradient-striped(#62c462)
|
92
|
+
|
93
|
+
// Info (teal)
|
94
|
+
.progress-info .bar
|
95
|
+
+gradient-vertical(#5bc0de, #339bb9)
|
96
|
+
|
97
|
+
.progress-info.progress-striped .bar
|
98
|
+
+gradient-striped(#5bc0de)
|
99
|
+
|
100
|
+
// Warning (orange)
|
101
|
+
.progress-warning .bar
|
102
|
+
+gradient-vertical(lighten($orange, 15%), $orange)
|
103
|
+
|
104
|
+
.progress-warning.progress-striped .bar
|
105
|
+
+gradient-striped(lighten($orange, 15%))
|
@@ -0,0 +1,115 @@
|
|
1
|
+
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
2
|
+
// ------------------------------------------------------------------------
|
3
|
+
|
4
|
+
// Display in IE6-9 and FF3
|
5
|
+
// -------------------------
|
6
|
+
|
7
|
+
article,
|
8
|
+
aside,
|
9
|
+
details,
|
10
|
+
figcaption,
|
11
|
+
figure,
|
12
|
+
footer,
|
13
|
+
header,
|
14
|
+
hgroup,
|
15
|
+
nav,
|
16
|
+
section
|
17
|
+
display: block
|
18
|
+
|
19
|
+
// Display block in IE6-9 and FF3
|
20
|
+
// -------------------------
|
21
|
+
|
22
|
+
audio,
|
23
|
+
canvas,
|
24
|
+
video
|
25
|
+
display: inline-block
|
26
|
+
*display: inline
|
27
|
+
*zoom: 1
|
28
|
+
|
29
|
+
// Prevents modern browsers from displaying 'audio' without controls
|
30
|
+
// -------------------------
|
31
|
+
|
32
|
+
audio:not([controls])
|
33
|
+
display: none
|
34
|
+
|
35
|
+
// Base settings
|
36
|
+
// -------------------------
|
37
|
+
|
38
|
+
html
|
39
|
+
font-size: 100%
|
40
|
+
-webkit-text-size-adjust: 100%
|
41
|
+
-ms-text-size-adjust: 100%
|
42
|
+
|
43
|
+
// Focus states
|
44
|
+
a:focus
|
45
|
+
+tab-focus
|
46
|
+
// Hover & Active
|
47
|
+
a:hover,
|
48
|
+
a:active
|
49
|
+
outline: 0
|
50
|
+
|
51
|
+
// Prevents sub and sup affecting line-height in all browsers
|
52
|
+
// -------------------------
|
53
|
+
|
54
|
+
sub,
|
55
|
+
sup
|
56
|
+
position: relative
|
57
|
+
font-size: 75%
|
58
|
+
line-height: 0
|
59
|
+
vertical-align: baseline
|
60
|
+
sup
|
61
|
+
top: -0.5em
|
62
|
+
sub
|
63
|
+
bottom: -0.25em
|
64
|
+
|
65
|
+
// Img border in a's and image quality
|
66
|
+
// -------------------------
|
67
|
+
|
68
|
+
img
|
69
|
+
height: auto
|
70
|
+
border: 0
|
71
|
+
-ms-interpolation-mode: bicubic
|
72
|
+
vertical-align: middle
|
73
|
+
|
74
|
+
// Forms
|
75
|
+
// -------------------------
|
76
|
+
|
77
|
+
// Font size in all browsers, margin changes, misc consistency
|
78
|
+
button,
|
79
|
+
input,
|
80
|
+
select,
|
81
|
+
textarea
|
82
|
+
margin: 0
|
83
|
+
font-size: 100%
|
84
|
+
vertical-align: middle
|
85
|
+
|
86
|
+
button,
|
87
|
+
input
|
88
|
+
*overflow: visible // Inner spacing ie IE6/7
|
89
|
+
line-height: normal // FF3/4 have !important on line-height in UA stylesheet
|
90
|
+
|
91
|
+
button::-moz-focus-inner,
|
92
|
+
input::-moz-focus-inner // Inner padding and border oddities in FF3/4
|
93
|
+
padding: 0
|
94
|
+
border: 0
|
95
|
+
|
96
|
+
button,
|
97
|
+
input[type="button"],
|
98
|
+
input[type="reset"],
|
99
|
+
input[type="submit"]
|
100
|
+
cursor: pointer // Cursors on all buttons applied consistently
|
101
|
+
-webkit-appearance: button // Style clickable inputs in iOS
|
102
|
+
|
103
|
+
input[type="search"] // Appearance in Safari/Chrome
|
104
|
+
-webkit-appearance: textfield
|
105
|
+
-webkit-box-sizing: content-box
|
106
|
+
-moz-box-sizing: content-box
|
107
|
+
box-sizing: content-box
|
108
|
+
|
109
|
+
input[type="search"]::-webkit-search-decoration,
|
110
|
+
input[type="search"]::-webkit-search-cancel-button
|
111
|
+
-webkit-appearance: none // Inner-padding issues in Chrome OSX, Safari 5
|
112
|
+
|
113
|
+
textarea
|
114
|
+
overflow: auto // Remove vertical scrollbar in IE6-9
|
115
|
+
vertical-align: top // Readability and alignment cross-browser
|
@@ -0,0 +1,333 @@
|
|
1
|
+
// For phone and tablet devices
|
2
|
+
// -------------------------------------------------------------
|
3
|
+
|
4
|
+
|
5
|
+
// RESPONSIVE CLASSES
|
6
|
+
// ------------------
|
7
|
+
|
8
|
+
// Hide from screenreaders and browsers
|
9
|
+
// Credit: HTML5 Boilerplate
|
10
|
+
.hidden
|
11
|
+
display: none
|
12
|
+
visibility: hidden
|
13
|
+
|
14
|
+
// Visibility utilities
|
15
|
+
|
16
|
+
// For desktops
|
17
|
+
.visible-phone
|
18
|
+
display: none
|
19
|
+
.visible-tablet
|
20
|
+
display: none
|
21
|
+
.visible-desktop
|
22
|
+
display: block
|
23
|
+
.hidden-phone
|
24
|
+
display: block
|
25
|
+
.hidden-tablet
|
26
|
+
display: block
|
27
|
+
.hidden-desktop
|
28
|
+
display: none
|
29
|
+
|
30
|
+
// Phones only
|
31
|
+
@media (max-width: 767px)
|
32
|
+
// Show
|
33
|
+
.visible-phone
|
34
|
+
display: block
|
35
|
+
// Hide
|
36
|
+
.hidden-phone
|
37
|
+
display: none
|
38
|
+
// Hide everything else
|
39
|
+
.hidden-desktop
|
40
|
+
display: block
|
41
|
+
.visible-desktop
|
42
|
+
display: none
|
43
|
+
|
44
|
+
// Tablets & small desktops only
|
45
|
+
@media (min-width: 768px) and (max-width: 979px)
|
46
|
+
// Show
|
47
|
+
.visible-tablet
|
48
|
+
display: block
|
49
|
+
// Hide
|
50
|
+
.hidden-tablet
|
51
|
+
display: none
|
52
|
+
// Hide everything else
|
53
|
+
.hidden-desktop
|
54
|
+
display: block
|
55
|
+
.visible-desktop
|
56
|
+
display: none
|
57
|
+
|
58
|
+
|
59
|
+
// UP TO LANDSCAPE PHONE
|
60
|
+
// ---------------------
|
61
|
+
|
62
|
+
@media (max-width: 480px)
|
63
|
+
// Smooth out the collapsing/expanding nav
|
64
|
+
.nav-collapse
|
65
|
+
-webkit-transform: translate3d(0, 0, 0) // activate the GPU
|
66
|
+
|
67
|
+
// Block level the page header small tag for readability
|
68
|
+
.page-header h1 small
|
69
|
+
display: block
|
70
|
+
line-height: $baseLineHeight
|
71
|
+
|
72
|
+
// Update checkboxes for iOS
|
73
|
+
input[type="checkbox"],
|
74
|
+
input[type="radio"]
|
75
|
+
border: 1px solid #ccc
|
76
|
+
|
77
|
+
// Remove the horizontal form styles
|
78
|
+
.form-horizontal .control-group > label
|
79
|
+
float: none
|
80
|
+
width: auto
|
81
|
+
padding-top: 0
|
82
|
+
text-align: left
|
83
|
+
|
84
|
+
// Move over all input controls and content
|
85
|
+
.form-horizontal .controls
|
86
|
+
margin-left: 0
|
87
|
+
|
88
|
+
// Move the options list down to align with labels
|
89
|
+
.form-horizontal .control-list
|
90
|
+
padding-top: 0 // has to be padding because margin collaspes
|
91
|
+
|
92
|
+
// Move over buttons in .form-actions to align with .controls
|
93
|
+
.form-horizontal .form-actions
|
94
|
+
padding-left: 10px
|
95
|
+
padding-right: 10px
|
96
|
+
|
97
|
+
// Modals
|
98
|
+
.modal
|
99
|
+
position: absolute
|
100
|
+
top: 10px
|
101
|
+
left: 10px
|
102
|
+
right: 10px
|
103
|
+
width: auto
|
104
|
+
margin: 0
|
105
|
+
&.fade.in
|
106
|
+
top: auto
|
107
|
+
|
108
|
+
.modal-header .close
|
109
|
+
padding: 10px
|
110
|
+
margin: -10px
|
111
|
+
|
112
|
+
// Carousel
|
113
|
+
.carousel-caption
|
114
|
+
position: static
|
115
|
+
|
116
|
+
|
117
|
+
|
118
|
+
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
119
|
+
// --------------------------------------------------
|
120
|
+
|
121
|
+
@media (max-width: 767px)
|
122
|
+
// Padding to set content in a bit
|
123
|
+
body
|
124
|
+
padding-left: 20px
|
125
|
+
padding-right: 20px
|
126
|
+
.navbar-fixed-top
|
127
|
+
margin-left: -20px
|
128
|
+
margin-right: -20px
|
129
|
+
|
130
|
+
// GRID & CONTAINERS
|
131
|
+
// -----------------
|
132
|
+
// Remove width from containers
|
133
|
+
.container
|
134
|
+
width: auto
|
135
|
+
|
136
|
+
// Fluid rows
|
137
|
+
.row-fluid
|
138
|
+
width: 100%
|
139
|
+
|
140
|
+
// Undo negative margin on rows
|
141
|
+
.row
|
142
|
+
margin-left: 0
|
143
|
+
|
144
|
+
// Make all columns even
|
145
|
+
.row > [class*="span"],
|
146
|
+
.row-fluid > [class*="span"]
|
147
|
+
float: none
|
148
|
+
display: block
|
149
|
+
width: auto
|
150
|
+
margin: 0
|
151
|
+
|
152
|
+
// THUMBNAILS
|
153
|
+
// ----------
|
154
|
+
.thumbnails [class*="span"]
|
155
|
+
width: auto
|
156
|
+
|
157
|
+
// FORM FIELDS
|
158
|
+
// -----------
|
159
|
+
|
160
|
+
// Make span* classes full width
|
161
|
+
input[class*="span"],
|
162
|
+
select[class*="span"],
|
163
|
+
textarea[class*="span"],
|
164
|
+
.uneditable-input
|
165
|
+
+input-block-level
|
166
|
+
|
167
|
+
// But don't let it screw up prepend/append inputs
|
168
|
+
.input-prepend input[class*="span"],
|
169
|
+
.input-append input[class*="span"]
|
170
|
+
width: auto
|
171
|
+
|
172
|
+
|
173
|
+
|
174
|
+
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
175
|
+
// ----------------------------------
|
176
|
+
|
177
|
+
@media (min-width: 768px) and (max-width: 979px)
|
178
|
+
// Fixed grid
|
179
|
+
+core-grid-generate(42px, 20px)
|
180
|
+
|
181
|
+
// Fluid grid
|
182
|
+
+fluid-grid-generate(5.801104972%, 2.762430939%)
|
183
|
+
|
184
|
+
// Input grid
|
185
|
+
+input-grid-generate(42px, 20px)
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
// TABLETS AND BELOW
|
190
|
+
// -----------------
|
191
|
+
@media (max-width: 979px)
|
192
|
+
// UNFIX THE TOPBAR
|
193
|
+
// ----------------
|
194
|
+
// Remove any padding from the body
|
195
|
+
body
|
196
|
+
padding-top: 0
|
197
|
+
|
198
|
+
// Unfix the navbar
|
199
|
+
.navbar-fixed-top
|
200
|
+
position: static
|
201
|
+
margin-bottom: $baseLineHeight
|
202
|
+
|
203
|
+
.navbar-fixed-top .navbar-inner
|
204
|
+
padding: 5px
|
205
|
+
|
206
|
+
.navbar .container
|
207
|
+
width: auto
|
208
|
+
padding: 0
|
209
|
+
|
210
|
+
// Account for brand name
|
211
|
+
.navbar .brand
|
212
|
+
padding-left: 10px
|
213
|
+
padding-right: 10px
|
214
|
+
margin: 0 0 0 -5px
|
215
|
+
|
216
|
+
// Nav collapse clears brand
|
217
|
+
.navbar .nav-collapse
|
218
|
+
clear: left
|
219
|
+
|
220
|
+
// Block-level the nav
|
221
|
+
.navbar .nav
|
222
|
+
float: none
|
223
|
+
margin: 0 0 ($baseLineHeight / 2)
|
224
|
+
|
225
|
+
.navbar .nav > li
|
226
|
+
float: none
|
227
|
+
|
228
|
+
.navbar .nav > li > a
|
229
|
+
margin-bottom: 2px
|
230
|
+
|
231
|
+
.navbar .nav > .divider-vertical
|
232
|
+
display: none
|
233
|
+
|
234
|
+
.navbar .nav .nav-header
|
235
|
+
color: $navbarText
|
236
|
+
text-shadow: none
|
237
|
+
|
238
|
+
// Nav and dropdown links in navbar
|
239
|
+
.navbar .nav > li > a,
|
240
|
+
.navbar .dropdown-menu a
|
241
|
+
padding: 6px 15px
|
242
|
+
font-weight: bold
|
243
|
+
color: $navbarLinkColor
|
244
|
+
+border-radius(3px)
|
245
|
+
|
246
|
+
.navbar .dropdown-menu li + li a
|
247
|
+
margin-bottom: 2px
|
248
|
+
|
249
|
+
.navbar .nav > li > a:hover,
|
250
|
+
.navbar .dropdown-menu a:hover
|
251
|
+
background-color: $navbarBackground
|
252
|
+
|
253
|
+
// Dropdowns in the navbar
|
254
|
+
.navbar .dropdown-menu
|
255
|
+
position: static
|
256
|
+
top: auto
|
257
|
+
left: auto
|
258
|
+
float: none
|
259
|
+
display: block
|
260
|
+
max-width: none
|
261
|
+
margin: 0 15px
|
262
|
+
padding: 0
|
263
|
+
background-color: transparent
|
264
|
+
border: none
|
265
|
+
+border-radius(0)
|
266
|
+
+box-shadow(none)
|
267
|
+
|
268
|
+
.navbar .dropdown-menu:before,
|
269
|
+
.navbar .dropdown-menu:after
|
270
|
+
display: none
|
271
|
+
|
272
|
+
.navbar .dropdown-menu .divider
|
273
|
+
display: none
|
274
|
+
|
275
|
+
// Forms in navbar
|
276
|
+
.navbar-form,
|
277
|
+
.navbar-search
|
278
|
+
float: none
|
279
|
+
padding: ($baseLineHeight / 2) 15px
|
280
|
+
margin: ($baseLineHeight / 2) 0
|
281
|
+
border-top: 1px solid $navbarBackground
|
282
|
+
border-bottom: 1px solid $navbarBackground
|
283
|
+
$shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)
|
284
|
+
+box-shadow($shadow)
|
285
|
+
|
286
|
+
// Pull right (secondary) nav content
|
287
|
+
.navbar .nav.pull-right
|
288
|
+
float: none
|
289
|
+
margin-left: 0
|
290
|
+
|
291
|
+
// Static navbar
|
292
|
+
.navbar-static .navbar-inner
|
293
|
+
padding-left: 10px
|
294
|
+
padding-right: 10px
|
295
|
+
|
296
|
+
// Navbar button
|
297
|
+
.btn-navbar
|
298
|
+
display: block
|
299
|
+
|
300
|
+
// Hide everything in the navbar save .brand and toggle button */
|
301
|
+
.nav-collapse
|
302
|
+
overflow: hidden
|
303
|
+
height: 0
|
304
|
+
|
305
|
+
|
306
|
+
|
307
|
+
// DEFAULT DESKTOP
|
308
|
+
// ---------------
|
309
|
+
|
310
|
+
@media (min-width: 980px)
|
311
|
+
.nav-collapse.collapse
|
312
|
+
height: auto !important
|
313
|
+
|
314
|
+
|
315
|
+
|
316
|
+
// LARGE DESKTOP & UP
|
317
|
+
// ------------------
|
318
|
+
|
319
|
+
@media (min-width: 1200px)
|
320
|
+
// Fixed grid
|
321
|
+
+core-grid-generate(70px, 30px)
|
322
|
+
|
323
|
+
// Fluid grid
|
324
|
+
+fluid-grid-generate(5.982905983%, 2.564102564%)
|
325
|
+
|
326
|
+
// Input grid
|
327
|
+
+input-grid-generate(70px, 30px)
|
328
|
+
|
329
|
+
// Thumbnails
|
330
|
+
.thumbnails
|
331
|
+
margin-left: -30px
|
332
|
+
> li
|
333
|
+
margin-left: 30px
|
@@ -0,0 +1,25 @@
|
|
1
|
+
// Basic and global styles for generating a grid system, structural layout, and page templates
|
2
|
+
// -------------------------------------------------------------------------------------------
|
3
|
+
|
4
|
+
|
5
|
+
// Body reset
|
6
|
+
// ----------
|
7
|
+
|
8
|
+
body
|
9
|
+
margin: 0
|
10
|
+
font-family: $baseFontFamily
|
11
|
+
font-size: $baseFontSize
|
12
|
+
line-height: $baseLineHeight
|
13
|
+
color: $textColor
|
14
|
+
background-color: $bodyBackground
|
15
|
+
|
16
|
+
|
17
|
+
// Links
|
18
|
+
// -----
|
19
|
+
|
20
|
+
a
|
21
|
+
color: $linkColor
|
22
|
+
text-decoration: none
|
23
|
+
a:hover
|
24
|
+
color: $linkColorHover
|
25
|
+
text-decoration: underline
|