aerogel-bootstrap 0.0.2 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/aerogel-bootstrap.gemspec +3 -3
  3. data/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  4. data/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +229 -0
  5. data/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  6. data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  7. data/assets/javascripts/bootstrap.js +12 -0
  8. data/assets/javascripts/bootstrap/affix.js +135 -0
  9. data/assets/javascripts/bootstrap/alert.js +88 -0
  10. data/assets/javascripts/bootstrap/button.js +107 -0
  11. data/assets/javascripts/bootstrap/carousel.js +205 -0
  12. data/assets/javascripts/bootstrap/collapse.js +175 -0
  13. data/assets/javascripts/bootstrap/dropdown.js +147 -0
  14. data/assets/javascripts/bootstrap/modal.js +271 -0
  15. data/assets/javascripts/bootstrap/popover.js +110 -0
  16. data/assets/javascripts/bootstrap/scrollspy.js +154 -0
  17. data/assets/javascripts/bootstrap/tab.js +125 -0
  18. data/assets/javascripts/bootstrap/tooltip.js +422 -0
  19. data/assets/javascripts/bootstrap/transition.js +48 -0
  20. data/assets/stylesheets/_bootstrap-mincer.scss +17 -0
  21. data/assets/stylesheets/bootstrap.scss +50 -0
  22. data/assets/stylesheets/bootstrap/_alerts.scss +67 -0
  23. data/assets/stylesheets/bootstrap/_badges.scss +57 -0
  24. data/assets/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  25. data/assets/stylesheets/bootstrap/_button-groups.scss +236 -0
  26. data/assets/stylesheets/bootstrap/_buttons.scss +159 -0
  27. data/assets/stylesheets/bootstrap/_carousel.scss +241 -0
  28. data/assets/stylesheets/bootstrap/_close.scss +35 -0
  29. data/assets/stylesheets/bootstrap/_code.scss +62 -0
  30. data/assets/stylesheets/bootstrap/_component-animations.scss +35 -0
  31. data/assets/stylesheets/bootstrap/_dropdowns.scss +214 -0
  32. data/assets/stylesheets/bootstrap/_forms.scss +478 -0
  33. data/assets/stylesheets/bootstrap/_glyphicons.scss +237 -0
  34. data/assets/stylesheets/bootstrap/_grid.scss +84 -0
  35. data/assets/stylesheets/bootstrap/_input-groups.scss +162 -0
  36. data/assets/stylesheets/bootstrap/_jumbotron.scss +48 -0
  37. data/assets/stylesheets/bootstrap/_labels.scss +66 -0
  38. data/assets/stylesheets/bootstrap/_list-group.scss +129 -0
  39. data/assets/stylesheets/bootstrap/_media.scss +56 -0
  40. data/assets/stylesheets/bootstrap/_mixins.scss +39 -0
  41. data/assets/stylesheets/bootstrap/_modals.scss +147 -0
  42. data/assets/stylesheets/bootstrap/_navbar.scss +658 -0
  43. data/assets/stylesheets/bootstrap/_navs.scss +242 -0
  44. data/assets/stylesheets/bootstrap/_normalize.scss +425 -0
  45. data/assets/stylesheets/bootstrap/_pager.scss +55 -0
  46. data/assets/stylesheets/bootstrap/_pagination.scss +88 -0
  47. data/assets/stylesheets/bootstrap/_panels.scss +240 -0
  48. data/assets/stylesheets/bootstrap/_popovers.scss +133 -0
  49. data/assets/stylesheets/bootstrap/_print.scss +101 -0
  50. data/assets/stylesheets/bootstrap/_progress-bars.scss +89 -0
  51. data/assets/stylesheets/bootstrap/_responsive-embed.scss +34 -0
  52. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +173 -0
  53. data/assets/stylesheets/bootstrap/_scaffolding.scss +150 -0
  54. data/assets/stylesheets/bootstrap/_tables.scss +233 -0
  55. data/assets/stylesheets/bootstrap/_theme.scss +247 -0
  56. data/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  57. data/assets/stylesheets/bootstrap/_tooltip.scss +95 -0
  58. data/assets/stylesheets/bootstrap/_type.scss +294 -0
  59. data/assets/stylesheets/bootstrap/_utilities.scss +56 -0
  60. data/assets/stylesheets/bootstrap/_variables.scss +849 -0
  61. data/assets/stylesheets/bootstrap/_wells.scss +29 -0
  62. data/assets/stylesheets/bootstrap/bootstrap.scss +50 -0
  63. data/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  64. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  65. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  66. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +50 -0
  67. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  68. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  69. data/assets/stylesheets/bootstrap/mixins/_forms.scss +84 -0
  70. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  71. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +87 -0
  72. data/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  73. data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  74. data/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  75. data/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  76. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  77. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  78. data/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  79. data/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  80. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  81. data/assets/stylesheets/bootstrap/mixins/_panels.scss +20 -0
  82. data/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +8 -0
  83. data/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  84. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  85. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  86. data/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  87. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  88. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  89. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  90. data/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  91. data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +224 -0
  92. data/lib/aerogel/bootstrap.rb +5 -7
  93. data/lib/aerogel/bootstrap/version.rb +5 -0
  94. metadata +104 -29
  95. data/public/README.md +0 -1
@@ -0,0 +1,101 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ p,
54
+ h2,
55
+ h3 {
56
+ orphans: 3;
57
+ widows: 3;
58
+ }
59
+
60
+ h2,
61
+ h3 {
62
+ page-break-after: avoid;
63
+ }
64
+
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
+ // Once fixed, we can just straight up remove this.
67
+ select {
68
+ background: #fff !important;
69
+ }
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .table {
76
+ td,
77
+ th {
78
+ background-color: #fff !important;
79
+ }
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+ }
94
+ .table-bordered {
95
+ th,
96
+ td {
97
+ border: 1px solid #ddd !important;
98
+ }
99
+ }
100
+
101
+ }
@@ -0,0 +1,89 @@
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Bar animations
7
+ // -------------------------
8
+
9
+ @keyframes progress-bar-stripes {
10
+ from { background-position: 40px 0; }
11
+ to { background-position: 0 0; }
12
+ }
13
+
14
+
15
+
16
+ // Bar itself
17
+ // -------------------------
18
+
19
+ // Outer container
20
+ .progress {
21
+ overflow: hidden;
22
+ height: $line-height-computed;
23
+ margin-bottom: $line-height-computed;
24
+ background-color: $progress-bg;
25
+ border-radius: $border-radius-base;
26
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
27
+ }
28
+
29
+ // Bar of progress
30
+ .progress-bar {
31
+ float: left;
32
+ width: 0%;
33
+ height: 100%;
34
+ font-size: $font-size-small;
35
+ line-height: $line-height-computed;
36
+ color: $progress-bar-color;
37
+ text-align: center;
38
+ background-color: $progress-bar-bg;
39
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
40
+ @include transition(width .6s ease);
41
+ }
42
+
43
+ // Striped bars
44
+ .progress-striped .progress-bar {
45
+ @include gradient-striped();
46
+ background-size: 40px 40px;
47
+ }
48
+
49
+ // Call animation for the active one
50
+ .progress.active .progress-bar {
51
+ @include animation(progress-bar-stripes 2s linear infinite);
52
+ }
53
+
54
+ // Account for lower percentages
55
+ .progress-bar {
56
+ &[aria-valuenow="1"],
57
+ &[aria-valuenow="2"] {
58
+ min-width: 30px;
59
+ }
60
+
61
+ &[aria-valuenow="0"] {
62
+ color: $gray-light;
63
+ min-width: 30px;
64
+ background-color: transparent;
65
+ background-image: none;
66
+ box-shadow: none;
67
+ }
68
+ }
69
+
70
+
71
+
72
+ // Variations
73
+ // -------------------------
74
+
75
+ .progress-bar-success {
76
+ @include progress-bar-variant($progress-bar-success-bg);
77
+ }
78
+
79
+ .progress-bar-info {
80
+ @include progress-bar-variant($progress-bar-info-bg);
81
+ }
82
+
83
+ .progress-bar-warning {
84
+ @include progress-bar-variant($progress-bar-warning-bg);
85
+ }
86
+
87
+ .progress-bar-danger {
88
+ @include progress-bar-variant($progress-bar-danger-bg);
89
+ }
@@ -0,0 +1,34 @@
1
+ // Embeds responsive
2
+ //
3
+ // Credit: Nicolas Gallagher and SUIT CSS.
4
+
5
+ .embed-responsive {
6
+ position: relative;
7
+ display: block;
8
+ height: 0;
9
+ padding: 0;
10
+ overflow: hidden;
11
+
12
+ .embed-responsive-item,
13
+ iframe,
14
+ embed,
15
+ object {
16
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ bottom: 0;
20
+ height: 100%;
21
+ width: 100%;
22
+ border: 0;
23
+ }
24
+
25
+ // Modifier class for 16:9 aspect ratio
26
+ &.embed-responsive-16by9 {
27
+ padding-bottom: 56.25%;
28
+ }
29
+
30
+ // Modifier class for 4:3 aspect ratio
31
+ &.embed-responsive-4by3 {
32
+ padding-bottom: 75%;
33
+ }
34
+ }
@@ -0,0 +1,173 @@
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // IE10 in Windows (Phone) 8
7
+ //
8
+ // Support for responsive views via media queries is kind of borked in IE10, for
9
+ // Surface/desktop in split view and for Windows Phone 8. This particular fix
10
+ // must be accompanied by a snippet of JavaScript to sniff the user agent and
11
+ // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
12
+ // our Getting Started page for more information on this bug.
13
+ //
14
+ // For more information, see the following:
15
+ //
16
+ // Issue: https://github.com/twbs/bootstrap/issues/10497
17
+ // Docs: http://getbootstrap.com/getting-started/#browsers
18
+ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
19
+
20
+ @-ms-viewport {
21
+ width: device-width;
22
+ }
23
+
24
+
25
+ // Visibility utilities
26
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
27
+
28
+ @include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
29
+
30
+ .visible-xs-block,
31
+ .visible-xs-inline,
32
+ .visible-xs-inline-block,
33
+ .visible-sm-block,
34
+ .visible-sm-inline,
35
+ .visible-sm-inline-block,
36
+ .visible-md-block,
37
+ .visible-md-inline,
38
+ .visible-md-inline-block,
39
+ .visible-lg-block,
40
+ .visible-lg-inline,
41
+ .visible-lg-inline-block {
42
+ display: none !important;
43
+ }
44
+
45
+ @media (max-width: $screen-xs-max) {
46
+ @include responsive-visibility('.visible-xs');
47
+ }
48
+ .visible-xs-block {
49
+ @media (max-width: $screen-xs-max) {
50
+ display: block !important;
51
+ }
52
+ }
53
+ .visible-xs-inline {
54
+ @media (max-width: $screen-xs-max) {
55
+ display: inline !important;
56
+ }
57
+ }
58
+ .visible-xs-inline-block {
59
+ @media (max-width: $screen-xs-max) {
60
+ display: inline-block !important;
61
+ }
62
+ }
63
+
64
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
65
+ @include responsive-visibility('.visible-sm');
66
+ }
67
+ .visible-sm-block {
68
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
69
+ display: block !important;
70
+ }
71
+ }
72
+ .visible-sm-inline {
73
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
74
+ display: inline !important;
75
+ }
76
+ }
77
+ .visible-sm-inline-block {
78
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
79
+ display: inline-block !important;
80
+ }
81
+ }
82
+
83
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
84
+ @include responsive-visibility('.visible-md');
85
+ }
86
+ .visible-md-block {
87
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
88
+ display: block !important;
89
+ }
90
+ }
91
+ .visible-md-inline {
92
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
93
+ display: inline !important;
94
+ }
95
+ }
96
+ .visible-md-inline-block {
97
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
98
+ display: inline-block !important;
99
+ }
100
+ }
101
+
102
+ @media (min-width: $screen-lg-min) {
103
+ @include responsive-visibility('.visible-lg');
104
+ }
105
+ .visible-lg-block {
106
+ @media (min-width: $screen-lg-min) {
107
+ display: block !important;
108
+ }
109
+ }
110
+ .visible-lg-inline {
111
+ @media (min-width: $screen-lg-min) {
112
+ display: inline !important;
113
+ }
114
+ }
115
+ .visible-lg-inline-block {
116
+ @media (min-width: $screen-lg-min) {
117
+ display: inline-block !important;
118
+ }
119
+ }
120
+
121
+ @media (max-width: $screen-xs-max) {
122
+ @include responsive-invisibility('.hidden-xs');
123
+ }
124
+
125
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
126
+ @include responsive-invisibility('.hidden-sm');
127
+ }
128
+
129
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
130
+ @include responsive-invisibility('.hidden-md');
131
+ }
132
+
133
+ @media (min-width: $screen-lg-min) {
134
+ @include responsive-invisibility('.hidden-lg');
135
+ }
136
+
137
+
138
+ // Print utilities
139
+ //
140
+ // Media queries are placed on the inside to be mixin-friendly.
141
+
142
+ // Note: Deprecated .visible-print as of v3.2.0
143
+
144
+ @include responsive-invisibility('.visible-print');
145
+
146
+ @media print {
147
+ @include responsive-visibility('.visible-print');
148
+ }
149
+ .visible-print-block {
150
+ display: none !important;
151
+
152
+ @media print {
153
+ display: block !important;
154
+ }
155
+ }
156
+ .visible-print-inline {
157
+ display: none !important;
158
+
159
+ @media print {
160
+ display: inline !important;
161
+ }
162
+ }
163
+ .visible-print-inline-block {
164
+ display: none !important;
165
+
166
+ @media print {
167
+ display: inline-block !important;
168
+ }
169
+ }
170
+
171
+ @media print {
172
+ @include responsive-invisibility('.hidden-print');
173
+ }
@@ -0,0 +1,150 @@
1
+ //
2
+ // Scaffolding
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Reset the box-sizing
7
+ //
8
+ // Heads up! This reset may cause conflicts with some third-party widgets.
9
+ // For recommendations on resolving such conflicts, see
10
+ // http://getbootstrap.com/getting-started/#third-box-sizing
11
+ * {
12
+ @include box-sizing(border-box);
13
+ }
14
+ *:before,
15
+ *:after {
16
+ @include box-sizing(border-box);
17
+ }
18
+
19
+
20
+ // Body reset
21
+
22
+ html {
23
+ font-size: 62.5%;
24
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
25
+ }
26
+
27
+ body {
28
+ font-family: $font-family-base;
29
+ font-size: $font-size-base;
30
+ line-height: $line-height-base;
31
+ color: $text-color;
32
+ background-color: $body-bg;
33
+ }
34
+
35
+ // Reset fonts for relevant elements
36
+ input,
37
+ button,
38
+ select,
39
+ textarea {
40
+ font-family: inherit;
41
+ font-size: inherit;
42
+ line-height: inherit;
43
+ }
44
+
45
+
46
+ // Links
47
+
48
+ a {
49
+ color: $link-color;
50
+ text-decoration: none;
51
+
52
+ &:hover,
53
+ &:focus {
54
+ color: $link-hover-color;
55
+ text-decoration: underline;
56
+ }
57
+
58
+ &:focus {
59
+ @include tab-focus();
60
+ }
61
+ }
62
+
63
+
64
+ // Figures
65
+ //
66
+ // We reset this here because previously Normalize had no `figure` margins. This
67
+ // ensures we don't break anyone's use of the element.
68
+
69
+ figure {
70
+ margin: 0;
71
+ }
72
+
73
+
74
+ // Images
75
+
76
+ img {
77
+ vertical-align: middle;
78
+ }
79
+
80
+ // Responsive images (ensure images don't scale beyond their parents)
81
+ .img-responsive {
82
+ @include img-responsive();
83
+ }
84
+
85
+ // Rounded corners
86
+ .img-rounded {
87
+ border-radius: $border-radius-large;
88
+ }
89
+
90
+ // Image thumbnails
91
+ //
92
+ // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
93
+ .img-thumbnail {
94
+ padding: $thumbnail-padding;
95
+ line-height: $line-height-base;
96
+ background-color: $thumbnail-bg;
97
+ border: 1px solid $thumbnail-border;
98
+ border-radius: $thumbnail-border-radius;
99
+ @include transition(all .2s ease-in-out);
100
+
101
+ // Keep them at most 100% wide
102
+ @include img-responsive(inline-block);
103
+ }
104
+
105
+ // Perfect circle
106
+ .img-circle {
107
+ border-radius: 50%; // set radius in percents
108
+ }
109
+
110
+
111
+ // Horizontal rules
112
+
113
+ hr {
114
+ margin-top: $line-height-computed;
115
+ margin-bottom: $line-height-computed;
116
+ border: 0;
117
+ border-top: 1px solid $hr-border;
118
+ }
119
+
120
+
121
+ // Only display content to screen readers
122
+ //
123
+ // See: http://a11yproject.com/posts/how-to-hide-content/
124
+
125
+ .sr-only {
126
+ position: absolute;
127
+ width: 1px;
128
+ height: 1px;
129
+ margin: -1px;
130
+ padding: 0;
131
+ overflow: hidden;
132
+ clip: rect(0,0,0,0);
133
+ border: 0;
134
+ }
135
+
136
+ // Use in conjunction with .sr-only to only display content when it's focused.
137
+ // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138
+ // Credit: HTML5 Boilerplate
139
+
140
+ .sr-only-focusable {
141
+ &:active,
142
+ &:focus {
143
+ position: static;
144
+ width: auto;
145
+ height: auto;
146
+ margin: 0;
147
+ overflow: visible;
148
+ clip: auto;
149
+ }
150
+ }