less-rails-bootstrap 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. data/.gitignore +4 -0
  2. data/CHANGELOG.md +8 -0
  3. data/Gemfile +2 -0
  4. data/README.md +99 -0
  5. data/Rakefile +1 -0
  6. data/less-rails-bootstrap.gemspec +18 -0
  7. data/lib/less-rails-bootstrap.rb +8 -0
  8. data/lib/less/rails/bootstrap.rb +2 -0
  9. data/lib/less/rails/bootstrap/engine.rb +14 -0
  10. data/lib/less/rails/bootstrap/version.rb +7 -0
  11. data/vendor/assets/javascripts/twitter/bootstrap.js +7 -0
  12. data/vendor/assets/javascripts/twitter/bootstrap/alerts.js +104 -0
  13. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +50 -0
  14. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +238 -0
  15. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +77 -0
  16. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +105 -0
  17. data/vendor/assets/javascripts/twitter/bootstrap/tabs.js +62 -0
  18. data/vendor/assets/javascripts/twitter/bootstrap/twipsy.js +307 -0
  19. data/vendor/assets/stylesheets/twitter/bootstrap.css.less +1 -0
  20. data/vendor/assets/stylesheets/twitter/bootstrap.less +1 -0
  21. data/vendor/assets/stylesheets/twitter/bootstrap/bootstrap.less +26 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap/forms.less +465 -0
  23. data/vendor/assets/stylesheets/twitter/bootstrap/mixins.less +217 -0
  24. data/vendor/assets/stylesheets/twitter/bootstrap/patterns.less +1005 -0
  25. data/vendor/assets/stylesheets/twitter/bootstrap/reset.less +141 -0
  26. data/vendor/assets/stylesheets/twitter/bootstrap/scaffolding.less +135 -0
  27. data/vendor/assets/stylesheets/twitter/bootstrap/tables.less +170 -0
  28. data/vendor/assets/stylesheets/twitter/bootstrap/type.less +187 -0
  29. data/vendor/assets/stylesheets/twitter/bootstrap/variables.less +60 -0
  30. metadata +111 -0
@@ -0,0 +1,141 @@
1
+ /* Reset.less
2
+ * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
3
+ * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
4
+
5
+
6
+ // ERIC MEYER RESET
7
+ // --------------------------------------------------
8
+
9
+ html, body { margin: 0; padding: 0; }
10
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
11
+ table { border-collapse: collapse; border-spacing: 0; }
12
+ ol, ul { list-style: none; }
13
+ q:before, q:after, blockquote:before, blockquote:after { content: ""; }
14
+
15
+
16
+ // Normalize.css
17
+ // Pulling in select resets form the normalize.css project
18
+ // --------------------------------------------------
19
+
20
+ // Display in IE6-9 and FF3
21
+ // -------------------------
22
+ // Source: http://github.com/necolas/normalize.css
23
+ html {
24
+ overflow-y: scroll;
25
+ font-size: 100%;
26
+ -webkit-text-size-adjust: 100%;
27
+ -ms-text-size-adjust: 100%;
28
+ }
29
+ // Focus states
30
+ a:focus {
31
+ outline: thin dotted;
32
+ }
33
+ // Hover & Active
34
+ a:hover,
35
+ a:active {
36
+ outline: 0;
37
+ }
38
+
39
+ // Display in IE6-9 and FF3
40
+ // -------------------------
41
+ // Source: http://github.com/necolas/normalize.css
42
+ article,
43
+ aside,
44
+ details,
45
+ figcaption,
46
+ figure,
47
+ footer,
48
+ header,
49
+ hgroup,
50
+ nav,
51
+ section {
52
+ display: block;
53
+ }
54
+
55
+ // Display block in IE6-9 and FF3
56
+ // -------------------------
57
+ // Source: http://github.com/necolas/normalize.css
58
+ audio,
59
+ canvas,
60
+ video {
61
+ display: inline-block;
62
+ *display: inline;
63
+ *zoom: 1;
64
+ }
65
+
66
+ // Prevents modern browsers from displaying 'audio' without controls
67
+ // -------------------------
68
+ // Source: http://github.com/necolas/normalize.css
69
+ audio:not([controls]) {
70
+ display: none;
71
+ }
72
+
73
+ // Prevents sub and sup affecting line-height in all browsers
74
+ // -------------------------
75
+ // Source: http://github.com/necolas/normalize.css
76
+ sub,
77
+ sup {
78
+ font-size: 75%;
79
+ line-height: 0;
80
+ position: relative;
81
+ vertical-align: baseline;
82
+ }
83
+ sup {
84
+ top: -0.5em;
85
+ }
86
+ sub {
87
+ bottom: -0.25em;
88
+ }
89
+
90
+ // Img border in a's and image quality
91
+ // -------------------------
92
+ // Source: http://github.com/necolas/normalize.css
93
+ img {
94
+ border: 0;
95
+ -ms-interpolation-mode: bicubic;
96
+ }
97
+
98
+ // Forms
99
+ // -------------------------
100
+ // Source: http://github.com/necolas/normalize.css
101
+
102
+ // Font size in all browsers, margin changes, misc consistency
103
+ button,
104
+ input,
105
+ select,
106
+ textarea {
107
+ font-size: 100%;
108
+ margin: 0;
109
+ vertical-align: baseline;
110
+ *vertical-align: middle;
111
+ }
112
+ button,
113
+ input {
114
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
115
+ *overflow: visible; // Inner spacing ie IE6/7
116
+ }
117
+ button::-moz-focus-inner,
118
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
119
+ border: 0;
120
+ padding: 0;
121
+ }
122
+ button,
123
+ input[type="button"],
124
+ input[type="reset"],
125
+ input[type="submit"] {
126
+ cursor: pointer; // Cursors on all buttons applied consistently
127
+ -webkit-appearance: button; // Style clicable inputs in iOS
128
+ }
129
+ input[type="search"] { // Appearance in Safari/Chrome
130
+ -webkit-appearance: textfield;
131
+ -webkit-box-sizing: content-box;
132
+ -moz-box-sizing: content-box;
133
+ box-sizing: content-box;
134
+ }
135
+ input[type="search"]::-webkit-search-decoration {
136
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
137
+ }
138
+ textarea {
139
+ overflow: auto; // Remove vertical scrollbar in IE6-9
140
+ vertical-align: top; // Readability and alignment cross-browser
141
+ }
@@ -0,0 +1,135 @@
1
+ /*
2
+ * Scaffolding
3
+ * Basic and global styles for generating a grid system, structural layout, and page templates
4
+ * ------------------------------------------------------------------------------------------- */
5
+
6
+
7
+ // STRUCTURAL LAYOUT
8
+ // -----------------
9
+
10
+ html, body {
11
+ background-color: @white;
12
+ }
13
+ body {
14
+ margin: 0;
15
+ #font > .sans-serif(normal,@basefont,@baseline);
16
+ color: @grayDark;
17
+ }
18
+
19
+ // Container (centered, fixed-width layouts)
20
+ .container {
21
+ .fixed-container();
22
+ }
23
+
24
+ // Fluid layouts (left aligned, with sidebar, min- & max-width content)
25
+ .container-fluid {
26
+ position: relative;
27
+ min-width: 940px;
28
+ padding-left: 20px;
29
+ padding-right: 20px;
30
+ .clearfix();
31
+ > .sidebar {
32
+ float: left;
33
+ width: 220px;
34
+ }
35
+ // TODO in v2: rename this and .popover .content to be more specific
36
+ > .content {
37
+ margin-left: 240px;
38
+ }
39
+ }
40
+
41
+
42
+ // BASE STYLES
43
+ // -----------
44
+
45
+ // Links
46
+ a {
47
+ color: @linkColor;
48
+ text-decoration: none;
49
+ line-height: inherit;
50
+ font-weight: inherit;
51
+ &:hover {
52
+ color: @linkColorHover;
53
+ text-decoration: underline;
54
+ }
55
+ }
56
+
57
+ // Quick floats
58
+ .pull-right {
59
+ float: right;
60
+ }
61
+ .pull-left {
62
+ float: left;
63
+ }
64
+
65
+ // Toggling content
66
+ .hide {
67
+ display: none;
68
+ }
69
+ .show {
70
+ display: block;
71
+ }
72
+
73
+
74
+ // GRID SYSTEM
75
+ // -----------
76
+ // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
77
+
78
+ .row {
79
+ .clearfix();
80
+ margin-left: -1 * @gridGutterWidth;
81
+ }
82
+
83
+ // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
84
+ // Credit to @dhg for the idea
85
+ [class*="span"] {
86
+ .gridColumn();
87
+ }
88
+
89
+ // Default columns
90
+ .span1 { .columns(1); }
91
+ .span2 { .columns(2); }
92
+ .span3 { .columns(3); }
93
+ .span4 { .columns(4); }
94
+ .span5 { .columns(5); }
95
+ .span6 { .columns(6); }
96
+ .span7 { .columns(7); }
97
+ .span8 { .columns(8); }
98
+ .span9 { .columns(9); }
99
+ .span10 { .columns(10); }
100
+ .span11 { .columns(11); }
101
+ .span12 { .columns(12); }
102
+ .span13 { .columns(13); }
103
+ .span14 { .columns(14); }
104
+ .span15 { .columns(15); }
105
+ .span16 { .columns(16); }
106
+
107
+ // For optional 24-column grid
108
+ .span17 { .columns(17); }
109
+ .span18 { .columns(18); }
110
+ .span19 { .columns(19); }
111
+ .span20 { .columns(20); }
112
+ .span21 { .columns(21); }
113
+ .span22 { .columns(22); }
114
+ .span23 { .columns(23); }
115
+ .span24 { .columns(24); }
116
+
117
+ // Offset column options
118
+ .offset1 { .offset(1); }
119
+ .offset2 { .offset(2); }
120
+ .offset3 { .offset(3); }
121
+ .offset4 { .offset(4); }
122
+ .offset5 { .offset(5); }
123
+ .offset6 { .offset(6); }
124
+ .offset7 { .offset(7); }
125
+ .offset8 { .offset(8); }
126
+ .offset9 { .offset(9); }
127
+ .offset10 { .offset(10); }
128
+ .offset11 { .offset(11); }
129
+ .offset12 { .offset(12); }
130
+
131
+ // Unique column sizes for 16-column grid
132
+ .span-one-third { width: 300px; }
133
+ .span-two-thirds { width: 620px; }
134
+ .offset-one-third { margin-left: 340px; }
135
+ .offset-two-thirds { margin-left: 660px; }
@@ -0,0 +1,170 @@
1
+ /*
2
+ * Tables.less
3
+ * Tables for, you guessed it, tabular data
4
+ * ---------------------------------------- */
5
+
6
+
7
+ // BASELINE STYLES
8
+ // ---------------
9
+
10
+ table {
11
+ width: 100%;
12
+ margin-bottom: @baseline;
13
+ padding: 0;
14
+ border-collapse: separate; // Done so we can round those corners!
15
+ *border-collapse: collapse; /* IE7, collapse table to remove spacing */
16
+ font-size: @basefont;
17
+ border: 1px solid #ddd;
18
+ .border-radius(4px);
19
+ th, td {
20
+ padding: 10px 10px 9px;
21
+ line-height: @baseline;
22
+ text-align: left;
23
+ }
24
+ th {
25
+ padding-top: 9px;
26
+ font-weight: bold;
27
+ vertical-align: middle;
28
+ border-bottom: 1px solid #ddd;
29
+ }
30
+ td {
31
+ vertical-align: top;
32
+ }
33
+ th + th,
34
+ td + td {
35
+ border-left: 1px solid #ddd;
36
+ }
37
+ tr + tr td {
38
+ border-top: 1px solid #ddd;
39
+ }
40
+ tbody tr:first-child td:first-child {
41
+ .border-radius(4px 0 0 0);
42
+ }
43
+ tbody tr:first-child td:last-child {
44
+ .border-radius(0 4px 0 0);
45
+ }
46
+ tbody tr:last-child td:first-child {
47
+ .border-radius(0 0 0 4px);
48
+ }
49
+ tbody tr:last-child td:last-child {
50
+ .border-radius(0 0 4px 0);
51
+ }
52
+ }
53
+
54
+
55
+ // ZEBRA-STRIPING
56
+ // --------------
57
+
58
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
59
+ .zebra-striped {
60
+ tbody {
61
+ tr:nth-child(odd) td {
62
+ background-color: #f9f9f9;
63
+ }
64
+ tr:hover td {
65
+ background-color: #f5f5f5;
66
+ }
67
+ }
68
+ }
69
+
70
+ table {
71
+ // Tablesorting styles w/ jQuery plugin
72
+ .header {
73
+ cursor: pointer;
74
+ &:after {
75
+ content: "";
76
+ float: right;
77
+ margin-top: 7px;
78
+ border-width: 0 4px 4px;
79
+ border-style: solid;
80
+ border-color: #000 transparent;
81
+ visibility: hidden;
82
+ }
83
+ }
84
+ // Style the sorted column headers (THs)
85
+ .headerSortUp,
86
+ .headerSortDown {
87
+ background-color: rgba(141,192,219,.25);
88
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
89
+ }
90
+ // Style the ascending (reverse alphabetical) column header
91
+ .header:hover {
92
+ &:after {
93
+ visibility:visible;
94
+ }
95
+ }
96
+ // Style the descending (alphabetical) column header
97
+ .headerSortDown,
98
+ .headerSortDown:hover {
99
+ &:after {
100
+ visibility:visible;
101
+ .opacity(60);
102
+ }
103
+ }
104
+ // Style the ascending (reverse alphabetical) column header
105
+ .headerSortUp {
106
+ &:after {
107
+ border-bottom: none;
108
+ border-left: 4px solid transparent;
109
+ border-right: 4px solid transparent;
110
+ border-top: 4px solid #000;
111
+ visibility:visible;
112
+ .box-shadow(none); //can't add boxshadow to downward facing arrow :(
113
+ .opacity(60);
114
+ }
115
+ }
116
+ // Blue Table Headings
117
+ .blue {
118
+ color: @blue;
119
+ border-bottom-color: @blue;
120
+ }
121
+ .headerSortUp.blue,
122
+ .headerSortDown.blue {
123
+ background-color: lighten(@blue, 40%);
124
+ }
125
+ // Green Table Headings
126
+ .green {
127
+ color: @green;
128
+ border-bottom-color: @green;
129
+ }
130
+ .headerSortUp.green,
131
+ .headerSortDown.green {
132
+ background-color: lighten(@green, 40%);
133
+ }
134
+ // Red Table Headings
135
+ .red {
136
+ color: @red;
137
+ border-bottom-color: @red;
138
+ }
139
+ .headerSortUp.red,
140
+ .headerSortDown.red {
141
+ background-color: lighten(@red, 50%);
142
+ }
143
+ // Yellow Table Headings
144
+ .yellow {
145
+ color: @yellow;
146
+ border-bottom-color: @yellow;
147
+ }
148
+ .headerSortUp.yellow,
149
+ .headerSortDown.yellow {
150
+ background-color: lighten(@yellow, 40%);
151
+ }
152
+ // Orange Table Headings
153
+ .orange {
154
+ color: @orange;
155
+ border-bottom-color: @orange;
156
+ }
157
+ .headerSortUp.orange,
158
+ .headerSortDown.orange {
159
+ background-color: lighten(@orange, 40%);
160
+ }
161
+ // Purple Table Headings
162
+ .purple {
163
+ color: @purple;
164
+ border-bottom-color: @purple;
165
+ }
166
+ .headerSortUp.purple,
167
+ .headerSortDown.purple {
168
+ background-color: lighten(@purple, 40%);
169
+ }
170
+ }
@@ -0,0 +1,187 @@
1
+ /* Typography.less
2
+ * Headings, body text, lists, code, and more for a versatile and durable typography system
3
+ * ---------------------------------------------------------------------------------------- */
4
+
5
+
6
+ // BODY TEXT
7
+ // ---------
8
+
9
+ p {
10
+ #font > .shorthand(normal,@basefont,@baseline);
11
+ margin-bottom: @baseline / 2;
12
+ small {
13
+ font-size: @basefont - 2;
14
+ color: @grayLight;
15
+ }
16
+ }
17
+
18
+
19
+ // HEADINGS
20
+ // --------
21
+
22
+ h1, h2, h3, h4, h5, h6 {
23
+ font-weight: bold;
24
+ color: @grayDark;
25
+ small {
26
+ color: @grayLight;
27
+ }
28
+ }
29
+ h1 {
30
+ margin-bottom: @baseline;
31
+ font-size: 30px;
32
+ line-height: @baseline * 2;
33
+ small {
34
+ font-size: 18px;
35
+ }
36
+ }
37
+ h2 {
38
+ font-size: 24px;
39
+ line-height: @baseline * 2;
40
+ small {
41
+ font-size: 14px;
42
+ }
43
+ }
44
+ h3, h4, h5, h6 {
45
+ line-height: @baseline * 2;
46
+ }
47
+ h3 {
48
+ font-size: 18px;
49
+ small {
50
+ font-size: 14px;
51
+ }
52
+ }
53
+ h4 {
54
+ font-size: 16px;
55
+ small {
56
+ font-size: 12px;
57
+ }
58
+ }
59
+ h5 {
60
+ font-size: 14px;
61
+ }
62
+ h6 {
63
+ font-size: 13px;
64
+ color: @grayLight;
65
+ text-transform: uppercase;
66
+ }
67
+
68
+
69
+ // COLORS
70
+ // ------
71
+
72
+ // Unordered and Ordered lists
73
+ ul, ol {
74
+ margin: 0 0 @baseline 25px;
75
+ }
76
+ ul ul,
77
+ ul ol,
78
+ ol ol,
79
+ ol ul {
80
+ margin-bottom: 0;
81
+ }
82
+ ul {
83
+ list-style: disc;
84
+ }
85
+ ol {
86
+ list-style: decimal;
87
+ }
88
+ li {
89
+ line-height: @baseline;
90
+ color: @gray;
91
+ }
92
+ ul.unstyled {
93
+ list-style: none;
94
+ margin-left: 0;
95
+ }
96
+
97
+ // Description Lists
98
+ dl {
99
+ margin-bottom: @baseline;
100
+ dt, dd {
101
+ line-height: @baseline;
102
+ }
103
+ dt {
104
+ font-weight: bold;
105
+ }
106
+ dd {
107
+ margin-left: @baseline / 2;
108
+ }
109
+ }
110
+
111
+ // MISC
112
+ // ----
113
+
114
+ // Horizontal rules
115
+ hr {
116
+ margin: 20px 0 19px;
117
+ border: 0;
118
+ border-bottom: 1px solid #eee;
119
+ }
120
+
121
+ // Emphasis
122
+ strong {
123
+ font-style: inherit;
124
+ font-weight: bold;
125
+ }
126
+ em {
127
+ font-style: italic;
128
+ font-weight: inherit;
129
+ line-height: inherit;
130
+ }
131
+ .muted {
132
+ color: @grayLight;
133
+ }
134
+
135
+ // Blockquotes
136
+ blockquote {
137
+ margin-bottom: @baseline;
138
+ border-left: 5px solid #eee;
139
+ padding-left: 15px;
140
+ p {
141
+ #font > .shorthand(300,14px,@baseline);
142
+ margin-bottom: 0;
143
+ }
144
+ small {
145
+ display: block;
146
+ #font > .shorthand(300,12px,@baseline);
147
+ color: @grayLight;
148
+ &:before {
149
+ content: '\2014 \00A0';
150
+ }
151
+ }
152
+ }
153
+
154
+ // Addresses
155
+ address {
156
+ display: block;
157
+ line-height: @baseline;
158
+ margin-bottom: @baseline;
159
+ }
160
+
161
+ // Inline and block code styles
162
+ code, pre {
163
+ padding: 0 3px 2px;
164
+ font-family: Monaco, Andale Mono, Courier New, monospace;
165
+ font-size: 12px;
166
+ .border-radius(3px);
167
+ }
168
+ code {
169
+ background-color: lighten(@orange, 40%);
170
+ color: rgba(0,0,0,.75);
171
+ padding: 1px 3px;
172
+ }
173
+ pre {
174
+ background-color: #f5f5f5;
175
+ display: block;
176
+ padding: (@baseline - 1) / 2;
177
+ margin: 0 0 @baseline;
178
+ line-height: @baseline;
179
+ font-size: 12px;
180
+ border: 1px solid #ccc;
181
+ border: 1px solid rgba(0,0,0,.15);
182
+ .border-radius(3px);
183
+ white-space: pre;
184
+ white-space: pre-wrap;
185
+ word-wrap: break-word;
186
+
187
+ }