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.
Files changed (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +106 -0
  3. data/lib/querobolsa-bootstrap-sass.rb +43 -0
  4. data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
  6. data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
  7. data/templates/project/manifest.rb +18 -0
  8. data/templates/project/styles.scss +5 -0
  9. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  10. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  11. data/vendor/assets/javascripts/bootstrap-alert.js +90 -0
  12. data/vendor/assets/javascripts/bootstrap-button.js +96 -0
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
  16. data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
  17. data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
  19. data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
  21. data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
  23. data/vendor/assets/javascripts/bootstrap.js +12 -0
  24. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
  25. data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
  26. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
  27. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
  28. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
  29. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
  30. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
  31. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  32. data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
  33. data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
  34. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
  35. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
  36. data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
  37. data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
  38. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
  39. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
  40. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  41. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
  42. data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
  44. data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
  46. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  47. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  48. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
  49. data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
  50. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
  51. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
  52. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
  53. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
  54. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
  55. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  56. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
  57. data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
  58. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
  59. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  60. data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
  61. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  62. data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
  63. data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
  64. metadata +142 -0
@@ -0,0 +1,35 @@
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
+ }
31
+ .pager .disabled a, .pager .disabled a:hover {
32
+ color: $grayLight;
33
+ background-color: #fff;
34
+ cursor: default;
35
+ }
@@ -0,0 +1,53 @@
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, .pagination .active a {
28
+ background-color: #f5f5f5;
29
+ }
30
+ .pagination .active a {
31
+ color: $grayLight;
32
+ cursor: default;
33
+ }
34
+ .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
35
+ color: $grayLight;
36
+ background-color: transparent;
37
+ cursor: default;
38
+ }
39
+ .pagination li:first-child a {
40
+ border-left-width: 1px;
41
+ @include border-radius(3px 0 0 3px);
42
+ }
43
+ .pagination li:last-child a {
44
+ @include border-radius(0 3px 3px 0);
45
+ }
46
+
47
+ // Centered
48
+ .pagination-centered {
49
+ text-align: center;
50
+ }
51
+ .pagination-right {
52
+ text-align: right;
53
+ }
@@ -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 popoverArrowTop(); }
16
+ &.right .arrow { @include popoverArrowRight(); }
17
+ &.bottom .arrow { @include popoverArrowBottom(); }
18
+ &.left .arrow { @include popoverArrowLeft(); }
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,118 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 40px 0; }
11
+ to { background-position: 0 0 }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 40px 0; }
17
+ to { background-position: 0 0; }
18
+ }
19
+
20
+ // IE9
21
+ @-ms-keyframes progress-bar-stripes {
22
+ from { background-position: 40px 0; }
23
+ to { background-position: 0 0; }
24
+ }
25
+
26
+ // Opera
27
+ @-o-keyframes progress-bar-stripes {
28
+ from { background-position: 0 0; }
29
+ to { background-position: 40px 0; }
30
+ }
31
+
32
+ // Spec
33
+ @keyframes progress-bar-stripes {
34
+ from { background-position: 40px 0; }
35
+ to { background-position: 0 0; }
36
+ }
37
+
38
+
39
+
40
+ // THE BARS
41
+ // --------
42
+
43
+ // Outer container
44
+ .progress {
45
+ overflow: hidden;
46
+ height: 18px;
47
+ margin-bottom: 18px;
48
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
49
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
50
+ @include border-radius(4px);
51
+ }
52
+
53
+ // Bar of progress
54
+ .progress .bar {
55
+ width: 0%;
56
+ height: 18px;
57
+ color: $white;
58
+ font-size: 12px;
59
+ text-align: center;
60
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
61
+ @include gradient-vertical(#149bdf, #0480be);
62
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
63
+ @include box-sizing(border-box);
64
+ @include transition(width .6s ease);
65
+ }
66
+
67
+ // Striped bars
68
+ .progress-striped .bar {
69
+ @include gradient-striped(#149bdf);
70
+ @include background-size(40px 40px);
71
+ }
72
+
73
+ // Call animation for the active one
74
+ .progress.active .bar {
75
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
76
+ -moz-animation: progress-bar-stripes 2s linear infinite;
77
+ -ms-animation: progress-bar-stripes 2s linear infinite;
78
+ -o-animation: progress-bar-stripes 2s linear infinite;
79
+ animation: progress-bar-stripes 2s linear infinite;
80
+ }
81
+
82
+
83
+
84
+ // COLORS
85
+ // ------
86
+
87
+ // Danger (red)
88
+ .progress-danger .bar {
89
+ @include gradient-vertical(#ee5f5b, #c43c35);
90
+ }
91
+ .progress-danger.progress-striped .bar {
92
+ @include gradient-striped(#ee5f5b);
93
+ }
94
+
95
+ // Success (green)
96
+ .progress-success .bar {
97
+ @include gradient-vertical(#62c462, #57a957);
98
+ }
99
+ .progress-success.progress-striped .bar {
100
+ @include gradient-striped(#62c462);
101
+ }
102
+
103
+ // Info (teal)
104
+ .progress-info .bar {
105
+ @include gradient-vertical(#5bc0de, #339bb9);
106
+ }
107
+ .progress-info.progress-striped .bar {
108
+ @include gradient-striped(#5bc0de);
109
+ }
110
+
111
+ // Warning (orange)
112
+ .progress-warning .bar {
113
+ @include gradient-vertical(lighten($orange, 15%), $orange);
114
+ }
115
+
116
+ .progress-warning.progress-striped .bar {
117
+ @include gradient-striped(lighten($orange, 15%));
118
+ }
@@ -0,0 +1,110 @@
1
+ // Reset.css.scss
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
4
+
5
+ // Display in IE6-9 and FF3
6
+ // -------------------------
7
+
8
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
9
+ display: block;
10
+ }
11
+
12
+ // Display block in IE6-9 and FF3
13
+ // -------------------------
14
+
15
+ audio, canvas, video {
16
+ display: inline-block;
17
+ *display: inline;
18
+ *zoom: 1;
19
+ }
20
+
21
+ // Prevents modern browsers from displaying 'audio' without controls
22
+ // -------------------------
23
+
24
+ audio:not([controls]) {
25
+ display: none;
26
+ }
27
+
28
+ // Base settings
29
+ // -------------------------
30
+
31
+ html {
32
+ font-size: 100%;
33
+ -webkit-text-size-adjust: 100%;
34
+ -ms-text-size-adjust: 100%;
35
+ }
36
+ // Focus states
37
+ a:focus {
38
+ @include tab-focus();
39
+ }
40
+ // Hover & Active
41
+ a:hover, a:active {
42
+ outline: 0;
43
+ }
44
+
45
+ // Prevents sub and sup affecting line-height in all browsers
46
+ // -------------------------
47
+
48
+ sub, sup {
49
+ position: relative;
50
+ font-size: 75%;
51
+ line-height: 0;
52
+ vertical-align: baseline;
53
+ }
54
+ sup {
55
+ top: -0.5em;
56
+ }
57
+ sub {
58
+ bottom: -0.25em;
59
+ }
60
+
61
+ // Img border in a's and image quality
62
+ // -------------------------
63
+
64
+ img {
65
+ max-width: 100%; // Make images inherently responsive
66
+ vertical-align: middle;
67
+ border: 0;
68
+ -ms-interpolation-mode: bicubic;
69
+ }
70
+
71
+ // Prevent max-width from affecting Google Maps
72
+ #map_canvas img {
73
+ max-width: none;
74
+ }
75
+
76
+ // Forms
77
+ // -------------------------
78
+
79
+ // Font size in all browsers, margin changes, misc consistency
80
+ button, input, select, textarea {
81
+ margin: 0;
82
+ font-size: 100%;
83
+ vertical-align: middle;
84
+ }
85
+ button, input {
86
+ *overflow: visible; // Inner spacing ie IE6/7
87
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
88
+ }
89
+ button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
90
+ padding: 0;
91
+ border: 0;
92
+ }
93
+ button, input[type="button"], input[type="reset"], input[type="submit"] {
94
+ cursor: pointer; // Cursors on all buttons applied consistently
95
+ -webkit-appearance: button; // Style clickable inputs in iOS
96
+ }
97
+ input[type="search"] { // Appearance in Safari/Chrome
98
+ -webkit-box-sizing: content-box;
99
+ -moz-box-sizing: content-box;
100
+ box-sizing: content-box;
101
+ -webkit-appearance: textfield;
102
+ }
103
+ input[type="search"]::-webkit-search-decoration,
104
+ input[type="search"]::-webkit-search-cancel-button {
105
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
106
+ }
107
+ textarea {
108
+ overflow: auto; // Remove vertical scrollbar in IE6-9
109
+ vertical-align: top; // Readability and alignment cross-browser
110
+ }
@@ -0,0 +1,26 @@
1
+ // LARGE DESKTOP & UP
2
+ // ------------------
3
+
4
+ @media (min-width: 1200px) {
5
+
6
+ // Fixed grid
7
+ @include gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
8
+
9
+ // Fluid grid
10
+ @include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
11
+
12
+ // Input grid
13
+ @include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
14
+
15
+ // Thumbnails
16
+ .thumbnails {
17
+ margin-left: -30px;
18
+ }
19
+ .thumbnails > li {
20
+ margin-left: 30px;
21
+ }
22
+ .row-fluid .thumbnails {
23
+ margin-left: 0;
24
+ }
25
+
26
+ }
@@ -0,0 +1,136 @@
1
+ // UP TO LANDSCAPE PHONE
2
+ // ---------------------
3
+
4
+ @media (max-width: 480px) {
5
+
6
+ // Smooth out the collapsing/expanding nav
7
+ .nav-collapse {
8
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
9
+ }
10
+
11
+ // Block level the page header small tag for readability
12
+ .page-header h1 small {
13
+ display: block;
14
+ line-height: $baseLineHeight;
15
+ }
16
+
17
+ // Update checkboxes for iOS
18
+ input[type="checkbox"], input[type="radio"] {
19
+ border: 1px solid #ccc;
20
+ }
21
+
22
+ // Remove the horizontal form styles
23
+ .form-horizontal .control-group > label {
24
+ float: none;
25
+ width: auto;
26
+ padding-top: 0;
27
+ text-align: left;
28
+ }
29
+ // Move over all input controls and content
30
+ .form-horizontal .controls {
31
+ margin-left: 0;
32
+ }
33
+ // Move the options list down to align with labels
34
+ .form-horizontal .control-list {
35
+ padding-top: 0; // has to be padding because margin collaspes
36
+ }
37
+ // Move over buttons in .form-actions to align with .controls
38
+ .form-horizontal .form-actions {
39
+ padding-left: 10px;
40
+ padding-right: 10px;
41
+ }
42
+
43
+ // Modals
44
+ .modal {
45
+ position: absolute;
46
+ top: 10px;
47
+ left: 10px;
48
+ right: 10px;
49
+ width: auto;
50
+ margin: 0;
51
+ &.fade.in { top: auto; }
52
+ }
53
+ .modal-header .close {
54
+ padding: 10px;
55
+ margin: -10px;
56
+ }
57
+
58
+ // Carousel
59
+ .carousel-caption {
60
+ position: static;
61
+ }
62
+
63
+ }
64
+
65
+
66
+
67
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
68
+ // --------------------------------------------------
69
+
70
+ @media (max-width: 767px) {
71
+
72
+ // Padding to set content in a bit
73
+ body {
74
+ padding-left: 20px;
75
+ padding-right: 20px;
76
+ }
77
+ // Negative indent the now static "fixed" navbar
78
+ .navbar-fixed-top, .navbar-fixed-bottom {
79
+ margin-left: -20px;
80
+ margin-right: -20px;
81
+ }
82
+ // Remove padding on container given explicit padding set on body
83
+ .container-fluid {
84
+ padding: 0;
85
+ }
86
+
87
+ // TYPOGRAPHY
88
+ // ----------
89
+ // Reset horizontal dl
90
+ .dl-horizontal {
91
+ dt {
92
+ float: none;
93
+ clear: none;
94
+ width: auto;
95
+ text-align: left;
96
+ }
97
+ dd {
98
+ margin-left: 0;
99
+ }
100
+ }
101
+
102
+ // GRID & CONTAINERS
103
+ // -----------------
104
+ // Remove width from containers
105
+ .container {
106
+ width: auto;
107
+ }
108
+ // Fluid rows
109
+ .row-fluid {
110
+ width: 100%;
111
+ }
112
+ // Undo negative margin on rows and thumbnails
113
+ .row, .thumbnails {
114
+ margin-left: 0;
115
+ }
116
+ // Make all grid-sized elements block level again
117
+ [class*="span"], .row-fluid [class*="span"] {
118
+ float: none;
119
+ display: block;
120
+ width: auto;
121
+ margin-left: 0;
122
+ }
123
+
124
+ // FORM FIELDS
125
+ // -----------
126
+ // Make span* classes full width
127
+ .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
128
+ @include input-block-level();
129
+ }
130
+ // But don't let it screw up prepend/append inputs
131
+ .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
132
+ display: inline-block; // redeclare so they don't wrap to new lines
133
+ width: auto;
134
+ }
135
+
136
+ }