querobolsa-bootstrap-sass 0.1.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.
- data/LICENSE +14 -0
- data/README.md +106 -0
- data/lib/querobolsa-bootstrap-sass.rb +43 -0
- data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
- data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
- data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
- data/templates/project/manifest.rb +18 -0
- data/templates/project/styles.scss +5 -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 +90 -0
- data/vendor/assets/javascripts/bootstrap-button.js +96 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
- data/vendor/assets/javascripts/bootstrap.js +12 -0
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
- data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
- data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
- metadata +142 -0
@@ -0,0 +1,16 @@
|
|
1
|
+
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
2
|
+
// ----------------------------------
|
3
|
+
|
4
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
5
|
+
|
6
|
+
// Fixed grid
|
7
|
+
@include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
|
8
|
+
|
9
|
+
// Fluid grid
|
10
|
+
@include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
|
11
|
+
|
12
|
+
// Input grid
|
13
|
+
@include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
|
14
|
+
|
15
|
+
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
16
|
+
}
|
@@ -0,0 +1,147 @@
|
|
1
|
+
// TABLETS AND BELOW
|
2
|
+
// -----------------
|
3
|
+
@media (max-width: 979px) {
|
4
|
+
|
5
|
+
// UNFIX THE TOPBAR
|
6
|
+
// ----------------
|
7
|
+
// Remove any padding from the body
|
8
|
+
body {
|
9
|
+
padding-top: 0;
|
10
|
+
}
|
11
|
+
// Unfix the navbar
|
12
|
+
.navbar-fixed-top, .navbar-fixed-bottom {
|
13
|
+
position: static;
|
14
|
+
}
|
15
|
+
.navbar-fixed-top {
|
16
|
+
margin-bottom: $baseLineHeight;
|
17
|
+
}
|
18
|
+
.navbar-fixed-bottom {
|
19
|
+
margin-top: $baseLineHeight;
|
20
|
+
}
|
21
|
+
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
|
22
|
+
padding: 5px;
|
23
|
+
}
|
24
|
+
.navbar .container {
|
25
|
+
width: auto;
|
26
|
+
padding: 0;
|
27
|
+
}
|
28
|
+
// Account for brand name
|
29
|
+
.navbar .brand {
|
30
|
+
padding-left: 10px;
|
31
|
+
padding-right: 10px;
|
32
|
+
margin: 0 0 0 -5px;
|
33
|
+
}
|
34
|
+
|
35
|
+
// COLLAPSIBLE NAVBAR
|
36
|
+
// ------------------
|
37
|
+
// Nav collapse clears brand
|
38
|
+
.nav-collapse {
|
39
|
+
clear: both;
|
40
|
+
}
|
41
|
+
// Block-level the nav
|
42
|
+
.nav-collapse .nav {
|
43
|
+
float: none;
|
44
|
+
margin: 0 0 ($baseLineHeight / 2);
|
45
|
+
}
|
46
|
+
.nav-collapse .nav > li {
|
47
|
+
float: none;
|
48
|
+
}
|
49
|
+
.nav-collapse .nav > li > a {
|
50
|
+
margin-bottom: 2px;
|
51
|
+
}
|
52
|
+
.nav-collapse .nav > .divider-vertical {
|
53
|
+
display: none;
|
54
|
+
}
|
55
|
+
.nav-collapse .nav .nav-header {
|
56
|
+
color: $navbarText;
|
57
|
+
text-shadow: none;
|
58
|
+
}
|
59
|
+
// Nav and dropdown links in navbar
|
60
|
+
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
|
61
|
+
padding: 6px 15px;
|
62
|
+
font-weight: bold;
|
63
|
+
color: $navbarLinkColor;
|
64
|
+
@include border-radius(3px);
|
65
|
+
}
|
66
|
+
// Buttons
|
67
|
+
.nav-collapse .btn {
|
68
|
+
padding: 4px 10px 4px;
|
69
|
+
font-weight: normal;
|
70
|
+
@include border-radius(4px);
|
71
|
+
}
|
72
|
+
.nav-collapse .dropdown-menu li + li a {
|
73
|
+
margin-bottom: 2px;
|
74
|
+
}
|
75
|
+
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
|
76
|
+
background-color: $navbarBackground;
|
77
|
+
}
|
78
|
+
// Buttons in the navbar
|
79
|
+
.nav-collapse.in .btn-group {
|
80
|
+
margin-top: 5px;
|
81
|
+
padding: 0;
|
82
|
+
}
|
83
|
+
// Dropdowns in the navbar
|
84
|
+
.nav-collapse .dropdown-menu {
|
85
|
+
position: static;
|
86
|
+
top: auto;
|
87
|
+
left: auto;
|
88
|
+
float: none;
|
89
|
+
display: block;
|
90
|
+
max-width: none;
|
91
|
+
margin: 0 15px;
|
92
|
+
padding: 0;
|
93
|
+
background-color: transparent;
|
94
|
+
border: none;
|
95
|
+
@include border-radius(0);
|
96
|
+
@include box-shadow(none);
|
97
|
+
}
|
98
|
+
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
|
99
|
+
display: none;
|
100
|
+
}
|
101
|
+
.nav-collapse .dropdown-menu .divider {
|
102
|
+
display: none;
|
103
|
+
}
|
104
|
+
// Forms in navbar
|
105
|
+
.nav-collapse .navbar-form, .nav-collapse .navbar-search {
|
106
|
+
float: none;
|
107
|
+
padding: ($baseLineHeight / 2) 15px;
|
108
|
+
margin: ($baseLineHeight / 2) 0;
|
109
|
+
border-top: 1px solid $navbarBackground;
|
110
|
+
border-bottom: 1px solid $navbarBackground;
|
111
|
+
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
|
112
|
+
}
|
113
|
+
// Pull right (secondary) nav content
|
114
|
+
.navbar .nav-collapse .nav.pull-right {
|
115
|
+
float: none;
|
116
|
+
margin-left: 0;
|
117
|
+
}
|
118
|
+
// Hide everything in the navbar save .brand and toggle button */
|
119
|
+
.nav-collapse,
|
120
|
+
.nav-collapse.collapse {
|
121
|
+
overflow: hidden;
|
122
|
+
height: 0;
|
123
|
+
}
|
124
|
+
// Navbar button
|
125
|
+
.navbar .btn-navbar {
|
126
|
+
display: block;
|
127
|
+
}
|
128
|
+
|
129
|
+
// STATIC NAVBAR
|
130
|
+
// -------------
|
131
|
+
.navbar-static .navbar-inner {
|
132
|
+
padding-left: 10px;
|
133
|
+
padding-right: 10px;
|
134
|
+
}
|
135
|
+
}
|
136
|
+
|
137
|
+
|
138
|
+
// DEFAULT DESKTOP
|
139
|
+
// ---------------
|
140
|
+
|
141
|
+
// Required to make the collapsing navbar work on regular desktops
|
142
|
+
@media (min-width: 980px) {
|
143
|
+
.nav-collapse.collapse {
|
144
|
+
height: auto !important;
|
145
|
+
overflow: visible !important;
|
146
|
+
}
|
147
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
// RESPONSIVE CLASSES
|
2
|
+
// ------------------
|
3
|
+
|
4
|
+
// Hide from screenreaders and browsers
|
5
|
+
// Credit: HTML5 Boilerplate
|
6
|
+
.hidden {
|
7
|
+
display: none;
|
8
|
+
visibility: hidden;
|
9
|
+
}
|
10
|
+
|
11
|
+
// Visibility utilities
|
12
|
+
|
13
|
+
// For desktops
|
14
|
+
.visible-phone { display: none !important; }
|
15
|
+
.visible-tablet { display: none !important; }
|
16
|
+
.visible-desktop { } // Don't set initially
|
17
|
+
.hidden-phone { }
|
18
|
+
.hidden-tablet { }
|
19
|
+
.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
|
+
}
|
31
|
+
|
32
|
+
// Tablets & small desktops only
|
33
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
34
|
+
// Show
|
35
|
+
.visible-tablet { display: inherit !important; }
|
36
|
+
// Hide
|
37
|
+
.hidden-tablet { display: none !important; }
|
38
|
+
// Hide everything else
|
39
|
+
.hidden-desktop { display: inherit !important; }
|
40
|
+
.visible-desktop { display: none !important ; }
|
41
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
// Scaffolding
|
2
|
+
// Basic and global styles for generating a grid system, structural layout, and page templates
|
3
|
+
// -------------------------------------------------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Body reset
|
7
|
+
// -----------------
|
8
|
+
|
9
|
+
body {
|
10
|
+
margin: 0;
|
11
|
+
font-family: $baseFontFamily;
|
12
|
+
font-size: $baseFontSize;
|
13
|
+
line-height: $baseLineHeight;
|
14
|
+
color: $textColor;
|
15
|
+
background-color: $bodyBackground;
|
16
|
+
}
|
17
|
+
|
18
|
+
|
19
|
+
// Links
|
20
|
+
// -----
|
21
|
+
|
22
|
+
a {
|
23
|
+
color: $linkColor;
|
24
|
+
text-decoration: none;
|
25
|
+
}
|
26
|
+
a:hover {
|
27
|
+
color: $linkColorHover;
|
28
|
+
text-decoration: underline;
|
29
|
+
}
|
@@ -0,0 +1,177 @@
|
|
1
|
+
// SPRITES
|
2
|
+
// Glyphs and icons for buttons, nav, and more
|
3
|
+
// -------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// ICONS
|
7
|
+
// -----
|
8
|
+
|
9
|
+
// All icons receive the styles of the <i> tag with a base class
|
10
|
+
// of .i and are then given a unique class to add width, height,
|
11
|
+
// and background-position. Your resulting HTML will look like
|
12
|
+
// <i class="icon-inbox"></i>.
|
13
|
+
|
14
|
+
// For the white version of the icons, just add the .icon-white class:
|
15
|
+
// <i class="icon-inbox icon-white"></i>
|
16
|
+
|
17
|
+
[class^="icon-"], [class*=" icon-"] {
|
18
|
+
display: inline-block;
|
19
|
+
width: 14px;
|
20
|
+
height: 14px;
|
21
|
+
@include ie7-restore-right-whitespace();
|
22
|
+
line-height: 14px;
|
23
|
+
vertical-align: text-top;
|
24
|
+
background-image: $iconSpritePath;
|
25
|
+
background-position: 14px 14px;
|
26
|
+
background-repeat: no-repeat;
|
27
|
+
}
|
28
|
+
.icon-white {
|
29
|
+
background-image: $iconWhiteSpritePath;
|
30
|
+
}
|
31
|
+
|
32
|
+
.icon-glass { background-position: 0 0; }
|
33
|
+
.icon-music { background-position: -24px 0; }
|
34
|
+
.icon-search { background-position: -48px 0; }
|
35
|
+
.icon-envelope { background-position: -72px 0; }
|
36
|
+
.icon-heart { background-position: -96px 0; }
|
37
|
+
.icon-star { background-position: -120px 0; }
|
38
|
+
.icon-star-empty { background-position: -144px 0; }
|
39
|
+
.icon-user { background-position: -168px 0; }
|
40
|
+
.icon-film { background-position: -192px 0; }
|
41
|
+
.icon-th-large { background-position: -216px 0; }
|
42
|
+
.icon-th { background-position: -240px 0; }
|
43
|
+
.icon-th-list { background-position: -264px 0; }
|
44
|
+
.icon-ok { background-position: -288px 0; }
|
45
|
+
.icon-remove { background-position: -312px 0; }
|
46
|
+
.icon-zoom-in { background-position: -336px 0; }
|
47
|
+
.icon-zoom-out { background-position: -360px 0; }
|
48
|
+
.icon-off { background-position: -384px 0; }
|
49
|
+
.icon-signal { background-position: -408px 0; }
|
50
|
+
.icon-cog { background-position: -432px 0; }
|
51
|
+
.icon-trash { background-position: -456px 0; }
|
52
|
+
|
53
|
+
.icon-home { background-position: 0 -24px; }
|
54
|
+
.icon-file { background-position: -24px -24px; }
|
55
|
+
.icon-time { background-position: -48px -24px; }
|
56
|
+
.icon-road { background-position: -72px -24px; }
|
57
|
+
.icon-download-alt { background-position: -96px -24px; }
|
58
|
+
.icon-download { background-position: -120px -24px; }
|
59
|
+
.icon-upload { background-position: -144px -24px; }
|
60
|
+
.icon-inbox { background-position: -168px -24px; }
|
61
|
+
.icon-play-circle { background-position: -192px -24px; }
|
62
|
+
.icon-repeat { background-position: -216px -24px; }
|
63
|
+
.icon-refresh { background-position: -240px -24px; }
|
64
|
+
.icon-list-alt { background-position: -264px -24px; }
|
65
|
+
.icon-lock { background-position: -287px -24px; } // 1px off
|
66
|
+
.icon-flag { background-position: -312px -24px; }
|
67
|
+
.icon-headphones { background-position: -336px -24px; }
|
68
|
+
.icon-volume-off { background-position: -360px -24px; }
|
69
|
+
.icon-volume-down { background-position: -384px -24px; }
|
70
|
+
.icon-volume-up { background-position: -408px -24px; }
|
71
|
+
.icon-qrcode { background-position: -432px -24px; }
|
72
|
+
.icon-barcode { background-position: -456px -24px; }
|
73
|
+
|
74
|
+
.icon-tag { background-position: 0 -48px; }
|
75
|
+
.icon-tags { background-position: -25px -48px; } // 1px off
|
76
|
+
.icon-book { background-position: -48px -48px; }
|
77
|
+
.icon-bookmark { background-position: -72px -48px; }
|
78
|
+
.icon-print { background-position: -96px -48px; }
|
79
|
+
.icon-camera { background-position: -120px -48px; }
|
80
|
+
.icon-font { background-position: -144px -48px; }
|
81
|
+
.icon-bold { background-position: -167px -48px; } // 1px off
|
82
|
+
.icon-italic { background-position: -192px -48px; }
|
83
|
+
.icon-text-height { background-position: -216px -48px; }
|
84
|
+
.icon-text-width { background-position: -240px -48px; }
|
85
|
+
.icon-align-left { background-position: -264px -48px; }
|
86
|
+
.icon-align-center { background-position: -288px -48px; }
|
87
|
+
.icon-align-right { background-position: -312px -48px; }
|
88
|
+
.icon-align-justify { background-position: -336px -48px; }
|
89
|
+
.icon-list { background-position: -360px -48px; }
|
90
|
+
.icon-indent-left { background-position: -384px -48px; }
|
91
|
+
.icon-indent-right { background-position: -408px -48px; }
|
92
|
+
.icon-facetime-video { background-position: -432px -48px; }
|
93
|
+
.icon-picture { background-position: -456px -48px; }
|
94
|
+
|
95
|
+
.icon-pencil { background-position: 0 -72px; }
|
96
|
+
.icon-map-marker { background-position: -24px -72px; }
|
97
|
+
.icon-adjust { background-position: -48px -72px; }
|
98
|
+
.icon-tint { background-position: -72px -72px; }
|
99
|
+
.icon-edit { background-position: -96px -72px; }
|
100
|
+
.icon-share { background-position: -120px -72px; }
|
101
|
+
.icon-check { background-position: -144px -72px; }
|
102
|
+
.icon-move { background-position: -168px -72px; }
|
103
|
+
.icon-step-backward { background-position: -192px -72px; }
|
104
|
+
.icon-fast-backward { background-position: -216px -72px; }
|
105
|
+
.icon-backward { background-position: -240px -72px; }
|
106
|
+
.icon-play { background-position: -264px -72px; }
|
107
|
+
.icon-pause { background-position: -288px -72px; }
|
108
|
+
.icon-stop { background-position: -312px -72px; }
|
109
|
+
.icon-forward { background-position: -336px -72px; }
|
110
|
+
.icon-fast-forward { background-position: -360px -72px; }
|
111
|
+
.icon-step-forward { background-position: -384px -72px; }
|
112
|
+
.icon-eject { background-position: -408px -72px; }
|
113
|
+
.icon-chevron-left { background-position: -432px -72px; }
|
114
|
+
.icon-chevron-right { background-position: -456px -72px; }
|
115
|
+
|
116
|
+
.icon-plus-sign { background-position: 0 -96px; }
|
117
|
+
.icon-minus-sign { background-position: -24px -96px; }
|
118
|
+
.icon-remove-sign { background-position: -48px -96px; }
|
119
|
+
.icon-ok-sign { background-position: -72px -96px; }
|
120
|
+
.icon-question-sign { background-position: -96px -96px; }
|
121
|
+
.icon-info-sign { background-position: -120px -96px; }
|
122
|
+
.icon-screenshot { background-position: -144px -96px; }
|
123
|
+
.icon-remove-circle { background-position: -168px -96px; }
|
124
|
+
.icon-ok-circle { background-position: -192px -96px; }
|
125
|
+
.icon-ban-circle { background-position: -216px -96px; }
|
126
|
+
.icon-arrow-left { background-position: -240px -96px; }
|
127
|
+
.icon-arrow-right { background-position: -264px -96px; }
|
128
|
+
.icon-arrow-up { background-position: -289px -96px; } // 1px off
|
129
|
+
.icon-arrow-down { background-position: -312px -96px; }
|
130
|
+
.icon-share-alt { background-position: -336px -96px; }
|
131
|
+
.icon-resize-full { background-position: -360px -96px; }
|
132
|
+
.icon-resize-small { background-position: -384px -96px; }
|
133
|
+
.icon-plus { background-position: -408px -96px; }
|
134
|
+
.icon-minus { background-position: -433px -96px; }
|
135
|
+
.icon-asterisk { background-position: -456px -96px; }
|
136
|
+
|
137
|
+
.icon-exclamation-sign { background-position: 0 -120px; }
|
138
|
+
.icon-gift { background-position: -24px -120px; }
|
139
|
+
.icon-leaf { background-position: -48px -120px; }
|
140
|
+
.icon-fire { background-position: -72px -120px; }
|
141
|
+
.icon-eye-open { background-position: -96px -120px; }
|
142
|
+
.icon-eye-close { background-position: -120px -120px; }
|
143
|
+
.icon-warning-sign { background-position: -144px -120px; }
|
144
|
+
.icon-plane { background-position: -168px -120px; }
|
145
|
+
.icon-calendar { background-position: -192px -120px; }
|
146
|
+
.icon-random { background-position: -216px -120px; }
|
147
|
+
.icon-comment { background-position: -240px -120px; }
|
148
|
+
.icon-magnet { background-position: -264px -120px; }
|
149
|
+
.icon-chevron-up { background-position: -288px -120px; }
|
150
|
+
.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
|
151
|
+
.icon-retweet { background-position: -336px -120px; }
|
152
|
+
.icon-shopping-cart { background-position: -360px -120px; }
|
153
|
+
.icon-folder-close { background-position: -384px -120px; }
|
154
|
+
.icon-folder-open { background-position: -408px -120px; }
|
155
|
+
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
|
156
|
+
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
|
157
|
+
|
158
|
+
.icon-hdd { background-position: 0 -144px; }
|
159
|
+
.icon-bullhorn { background-position: -24px -144px; }
|
160
|
+
.icon-bell { background-position: -48px -144px; }
|
161
|
+
.icon-certificate { background-position: -72px -144px; }
|
162
|
+
.icon-thumbs-up { background-position: -96px -144px; }
|
163
|
+
.icon-thumbs-down { background-position: -120px -144px; }
|
164
|
+
.icon-hand-right { background-position: -144px -144px; }
|
165
|
+
.icon-hand-left { background-position: -168px -144px; }
|
166
|
+
.icon-hand-up { background-position: -192px -144px; }
|
167
|
+
.icon-hand-down { background-position: -216px -144px; }
|
168
|
+
.icon-circle-arrow-right { background-position: -240px -144px; }
|
169
|
+
.icon-circle-arrow-left { background-position: -264px -144px; }
|
170
|
+
.icon-circle-arrow-up { background-position: -288px -144px; }
|
171
|
+
.icon-circle-arrow-down { background-position: -312px -144px; }
|
172
|
+
.icon-globe { background-position: -336px -144px; }
|
173
|
+
.icon-wrench { background-position: -360px -144px; }
|
174
|
+
.icon-tasks { background-position: -384px -144px; }
|
175
|
+
.icon-filter { background-position: -408px -144px; }
|
176
|
+
.icon-briefcase { background-position: -432px -144px; }
|
177
|
+
.icon-fullscreen { background-position: -456px -144px; }
|
@@ -0,0 +1,133 @@
|
|
1
|
+
//
|
2
|
+
// Tables.less
|
3
|
+
// Tables for, you guessed it, tabular data
|
4
|
+
// ----------------------------------------
|
5
|
+
|
6
|
+
|
7
|
+
// BASE TABLES
|
8
|
+
// -----------------
|
9
|
+
|
10
|
+
table {
|
11
|
+
max-width: 100%;
|
12
|
+
background-color: $tableBackground;
|
13
|
+
border-collapse: collapse;
|
14
|
+
border-spacing: 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
// BASELINE STYLES
|
18
|
+
// ---------------
|
19
|
+
|
20
|
+
.table {
|
21
|
+
width: 100%;
|
22
|
+
margin-bottom: $baseLineHeight;
|
23
|
+
// Cells
|
24
|
+
th, td {
|
25
|
+
padding: 8px;
|
26
|
+
line-height: $baseLineHeight;
|
27
|
+
text-align: left;
|
28
|
+
vertical-align: top;
|
29
|
+
border-top: 1px solid $tableBorder;
|
30
|
+
}
|
31
|
+
th {
|
32
|
+
font-weight: bold;
|
33
|
+
}
|
34
|
+
// Bottom align for column headings
|
35
|
+
thead th {
|
36
|
+
vertical-align: bottom;
|
37
|
+
}
|
38
|
+
// Remove top border from thead by default
|
39
|
+
caption + thead tr:first-child th, caption + thead tr:first-child td,
|
40
|
+
colgroup + thead tr:first-child th, colgroup + thead tr:first-child td,
|
41
|
+
thead:first-child tr:first-child th, thead:first-child tr:first-child td {
|
42
|
+
border-top: 0;
|
43
|
+
}
|
44
|
+
// Account for multiple tbody instances
|
45
|
+
tbody + tbody {
|
46
|
+
border-top: 2px solid $tableBorder;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
// CONDENSED TABLE W/ HALF PADDING
|
53
|
+
// -------------------------------
|
54
|
+
|
55
|
+
.table-condensed {
|
56
|
+
th, td {
|
57
|
+
padding: 4px 5px;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
|
62
|
+
// BORDERED VERSION
|
63
|
+
// ----------------
|
64
|
+
|
65
|
+
.table-bordered {
|
66
|
+
border: 1px solid $tableBorder;
|
67
|
+
border-collapse: separate; // Done so we can round those corners!
|
68
|
+
*border-collapse: collapsed; // IE7 can't round corners anyway
|
69
|
+
border-left: 0;
|
70
|
+
@include border-radius(4px);
|
71
|
+
th, td {
|
72
|
+
border-left: 1px solid $tableBorder;
|
73
|
+
}
|
74
|
+
// Prevent a double border
|
75
|
+
caption + thead tr:first-child th, caption + tbody tr:first-child th, caption + tbody tr:first-child td,
|
76
|
+
colgroup + thead tr:first-child th, colgroup + tbody tr:first-child th, colgroup + tbody tr:first-child td,
|
77
|
+
thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
|
78
|
+
border-top: 0;
|
79
|
+
}
|
80
|
+
// For first th or td in the first row in the first thead or tbody
|
81
|
+
thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
|
82
|
+
-webkit-border-top-left-radius: 4px;
|
83
|
+
border-top-left-radius: 4px;
|
84
|
+
-moz-border-radius-topleft: 4px;
|
85
|
+
}
|
86
|
+
thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child {
|
87
|
+
-webkit-border-top-right-radius: 4px;
|
88
|
+
border-top-right-radius: 4px;
|
89
|
+
-moz-border-radius-topright: 4px;
|
90
|
+
}
|
91
|
+
// For first th or td in the first row in the first thead or tbody
|
92
|
+
thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
|
93
|
+
-webkit-border-bottom-left-radius: 4px;
|
94
|
+
border-bottom-left-radius: 4px;
|
95
|
+
-moz-border-radius-bottomleft: 4px;
|
96
|
+
}
|
97
|
+
thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
|
98
|
+
-webkit-border-bottom-right-radius: 4px;
|
99
|
+
border-bottom-right-radius: 4px;
|
100
|
+
-moz-border-radius-bottomright: 4px;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
|
104
|
+
|
105
|
+
// ZEBRA-STRIPING
|
106
|
+
// --------------
|
107
|
+
|
108
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
109
|
+
.table-striped {
|
110
|
+
tbody {
|
111
|
+
tr:nth-child(odd) td, tr:nth-child(odd) th {
|
112
|
+
background-color: $tableBackgroundAccent;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
|
118
|
+
// HOVER EFFECT
|
119
|
+
// ------------
|
120
|
+
// Placed here since it has to come after the potential zebra striping
|
121
|
+
.table {
|
122
|
+
tbody tr:hover td, tbody tr:hover th {
|
123
|
+
background-color: $tableBackgroundHover;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
|
127
|
+
// TABLE CELL SIZING
|
128
|
+
// -----------------
|
129
|
+
table {
|
130
|
+
@for $i from 1 through $gridColumns {
|
131
|
+
.span#{$i} { @include tableColumns($i); }
|
132
|
+
}
|
133
|
+
}
|