querobolsa-bootstrap-sass 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }