bootstrap-sass 1.2.1 → 1.3.0
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +22 -3
- data/vendor/assets/javascripts/bootstrap-alerts.js +105 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +51 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +232 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +78 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +106 -0
- data/vendor/assets/javascripts/bootstrap-tabs.js +63 -0
- data/vendor/assets/javascripts/bootstrap-twipsy.js +308 -0
- data/vendor/assets/javascripts/bootstrap.js +8 -0
- data/vendor/assets/stylesheets/bootstrap.css.scss +8 -7
- data/vendor/assets/stylesheets/bootstrap/forms.css.scss +101 -54
- data/vendor/assets/stylesheets/bootstrap/{preboot.css.scss → mixins.css.scss} +43 -96
- data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +271 -87
- data/vendor/assets/stylesheets/bootstrap/reset.css.scss +6 -1
- data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +89 -61
- data/vendor/assets/stylesheets/bootstrap/tables.css.scss +32 -7
- data/vendor/assets/stylesheets/bootstrap/type.css.scss +4 -6
- data/vendor/assets/stylesheets/bootstrap/variables.css.scss +51 -0
- metadata +16 -7
@@ -1,5 +1,5 @@
|
|
1
1
|
/* reset.css.scss
|
2
|
-
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here
|
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
3
|
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
|
4
4
|
|
5
5
|
|
@@ -30,6 +30,11 @@ html {
|
|
30
30
|
a:focus {
|
31
31
|
outline: thin dotted;
|
32
32
|
}
|
33
|
+
// Hover & Active
|
34
|
+
a:hover,
|
35
|
+
a:active {
|
36
|
+
outline: 0;
|
37
|
+
}
|
33
38
|
|
34
39
|
// Display in IE6-9 and FF3
|
35
40
|
// -------------------------
|
@@ -4,82 +4,28 @@
|
|
4
4
|
* ------------------------------------------------------------------------------------------- */
|
5
5
|
|
6
6
|
|
7
|
-
// GRID SYSTEM
|
8
|
-
// -----------
|
9
|
-
|
10
|
-
.row {
|
11
|
-
@include clearfix();
|
12
|
-
margin-left: -1 * $gridGutterWidth;
|
13
|
-
|
14
|
-
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
15
|
-
// Credit to @dhg for the idea
|
16
|
-
[class^="span"] {
|
17
|
-
display: inline;
|
18
|
-
float: left;
|
19
|
-
margin-left: $gridGutterWidth;
|
20
|
-
}
|
21
|
-
|
22
|
-
// Default columns
|
23
|
-
.span1 { @include columns(1); }
|
24
|
-
.span2 { @include columns(2); }
|
25
|
-
.span3 { @include columns(3); }
|
26
|
-
.span4 { @include columns(4); }
|
27
|
-
.span5 { @include columns(5); }
|
28
|
-
.span6 { @include columns(6); }
|
29
|
-
.span7 { @include columns(7); }
|
30
|
-
.span8 { @include columns(8); }
|
31
|
-
.span9 { @include columns(9); }
|
32
|
-
.span10 { @include columns(10); }
|
33
|
-
.span11 { @include columns(11); }
|
34
|
-
.span12 { @include columns(12); }
|
35
|
-
.span13 { @include columns(13); }
|
36
|
-
.span14 { @include columns(14); }
|
37
|
-
.span15 { @include columns(15); }
|
38
|
-
.span16 { @include columns(16); }
|
39
|
-
|
40
|
-
// Offset column options
|
41
|
-
.offset1 { @include offset(1); }
|
42
|
-
.offset2 { @include offset(2); }
|
43
|
-
.offset3 { @include offset(3); }
|
44
|
-
.offset4 { @include offset(4); }
|
45
|
-
.offset5 { @include offset(5); }
|
46
|
-
.offset6 { @include offset(6); }
|
47
|
-
.offset7 { @include offset(7); }
|
48
|
-
.offset8 { @include offset(8); }
|
49
|
-
.offset9 { @include offset(9); }
|
50
|
-
.offset10 { @include offset(10); }
|
51
|
-
.offset11 { @include offset(11); }
|
52
|
-
.offset12 { @include offset(12); }
|
53
|
-
|
54
|
-
// Unique column sizes for 16-column grid
|
55
|
-
.span-one-third { width: 300px; }
|
56
|
-
.span-two-thirds { width: 620px; }
|
57
|
-
.offset-one-third { margin-left: 340px; }
|
58
|
-
.offset-two-thirds { margin-left: 660px; }
|
59
|
-
}
|
60
|
-
|
61
|
-
|
62
7
|
// STRUCTURAL LAYOUT
|
63
8
|
// -----------------
|
64
9
|
|
65
10
|
html, body {
|
66
|
-
background-color:
|
11
|
+
background-color: $white;
|
67
12
|
}
|
68
13
|
body {
|
69
14
|
margin: 0;
|
70
15
|
@include sans-serif-font(normal,$basefont,$baseline);
|
71
|
-
color: $
|
16
|
+
color: $grayDark;
|
72
17
|
}
|
73
18
|
|
74
19
|
// Container (centered, fixed-width layouts)
|
75
20
|
.container {
|
76
|
-
|
77
|
-
margin: 0 auto;
|
21
|
+
@include fixed-container();
|
78
22
|
}
|
79
23
|
|
80
24
|
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
81
25
|
.container-fluid {
|
82
|
-
|
26
|
+
position: relative;
|
27
|
+
padding-left: 20px;
|
28
|
+
padding-right: 20px;
|
83
29
|
@include clearfix();
|
84
30
|
> .sidebar {
|
85
31
|
float: left;
|
@@ -87,12 +33,21 @@ body {
|
|
87
33
|
}
|
88
34
|
// TODO in v2: rename this and .popover .content to be more specific
|
89
35
|
> .content {
|
36
|
+
float: left;
|
90
37
|
min-width: 700px;
|
91
38
|
max-width: 1180px;
|
92
|
-
margin-left:
|
39
|
+
margin-left: 20px;
|
93
40
|
}
|
94
41
|
}
|
95
42
|
|
43
|
+
// Toggling content
|
44
|
+
.hide {
|
45
|
+
display: none;
|
46
|
+
}
|
47
|
+
.show {
|
48
|
+
display: block;
|
49
|
+
}
|
50
|
+
|
96
51
|
|
97
52
|
// BASE STYLES
|
98
53
|
// -----------
|
@@ -108,3 +63,76 @@ a {
|
|
108
63
|
text-decoration: underline;
|
109
64
|
}
|
110
65
|
}
|
66
|
+
|
67
|
+
// Quick floats
|
68
|
+
.pull-right {
|
69
|
+
float: right;
|
70
|
+
}
|
71
|
+
.pull-left {
|
72
|
+
float: left;
|
73
|
+
}
|
74
|
+
|
75
|
+
|
76
|
+
// GRID SYSTEM
|
77
|
+
// -----------
|
78
|
+
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
79
|
+
|
80
|
+
.row {
|
81
|
+
@include clearfix();
|
82
|
+
margin-left: -1 * $gridGutterWidth;
|
83
|
+
}
|
84
|
+
|
85
|
+
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
86
|
+
// Credit to @dhg for the idea
|
87
|
+
[class*="span"] {
|
88
|
+
@include gridColumn();
|
89
|
+
}
|
90
|
+
|
91
|
+
// Default columns
|
92
|
+
.span1 { @include columns(1); }
|
93
|
+
.span2 { @include columns(2); }
|
94
|
+
.span3 { @include columns(3); }
|
95
|
+
.span4 { @include columns(4); }
|
96
|
+
.span5 { @include columns(5); }
|
97
|
+
.span6 { @include columns(6); }
|
98
|
+
.span7 { @include columns(7); }
|
99
|
+
.span8 { @include columns(8); }
|
100
|
+
.span9 { @include columns(9); }
|
101
|
+
.span10 { @include columns(10); }
|
102
|
+
.span11 { @include columns(11); }
|
103
|
+
.span12 { @include columns(12); }
|
104
|
+
.span13 { @include columns(13); }
|
105
|
+
.span14 { @include columns(14); }
|
106
|
+
.span15 { @include columns(15); }
|
107
|
+
.span16 { @include columns(16); }
|
108
|
+
|
109
|
+
// For optional 24-column grid
|
110
|
+
.span17 { @include columns(17); }
|
111
|
+
.span18 { @include columns(18); }
|
112
|
+
.span19 { @include columns(19); }
|
113
|
+
.span20 { @include columns(20); }
|
114
|
+
.span21 { @include columns(21); }
|
115
|
+
.span22 { @include columns(22); }
|
116
|
+
.span23 { @include columns(23); }
|
117
|
+
.span24 { @include columns(24); }
|
118
|
+
|
119
|
+
// Offset column options
|
120
|
+
.offset1 { @include offset(1); }
|
121
|
+
.offset2 { @include offset(2); }
|
122
|
+
.offset3 { @include offset(3); }
|
123
|
+
.offset4 { @include offset(4); }
|
124
|
+
.offset5 { @include offset(5); }
|
125
|
+
.offset6 { @include offset(6); }
|
126
|
+
.offset7 { @include offset(7); }
|
127
|
+
.offset8 { @include offset(8); }
|
128
|
+
.offset9 { @include offset(9); }
|
129
|
+
.offset10 { @include offset(10); }
|
130
|
+
.offset11 { @include offset(11); }
|
131
|
+
.offset12 { @include offset(12); }
|
132
|
+
|
133
|
+
// Unique column sizes for 16-column grid
|
134
|
+
.span-one-third { width: 300px; }
|
135
|
+
.span-two-thirds { width: 620px; }
|
136
|
+
.offset-one-third { margin-left: 340px; }
|
137
|
+
.offset-two-thirds { margin-left: 660px; }
|
138
|
+
|
@@ -3,6 +3,7 @@
|
|
3
3
|
* Tables for, you guessed it, tabular data
|
4
4
|
* ---------------------------------------- */
|
5
5
|
|
6
|
+
|
6
7
|
// BASELINE STYLES
|
7
8
|
// ---------------
|
8
9
|
|
@@ -10,19 +11,43 @@ table {
|
|
10
11
|
width: 100%;
|
11
12
|
margin-bottom: $baseline;
|
12
13
|
padding: 0;
|
13
|
-
border-collapse: separate;
|
14
|
-
|
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
|
+
@include border-radius(4px);
|
15
19
|
th, td {
|
16
20
|
padding: 10px 10px 9px;
|
17
|
-
line-height: $baseline
|
21
|
+
line-height: $baseline;
|
18
22
|
text-align: left;
|
19
|
-
vertical-align: middle;
|
20
|
-
border-bottom: 1px solid #ddd;
|
21
23
|
}
|
22
24
|
th {
|
23
25
|
padding-top: 9px;
|
24
26
|
font-weight: bold;
|
25
|
-
|
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
|
+
@include border-radius(4px 0 0 0);
|
42
|
+
}
|
43
|
+
tbody tr:first-child td:last-child {
|
44
|
+
@include border-radius(0 4px 0 0);
|
45
|
+
}
|
46
|
+
tbody tr:last-child td:first-child {
|
47
|
+
@include border-radius(0 0 0 4px);
|
48
|
+
}
|
49
|
+
tbody tr:last-child td:last-child {
|
50
|
+
@include border-radius(0 0 4px 0);
|
26
51
|
}
|
27
52
|
}
|
28
53
|
|
@@ -59,7 +84,6 @@ table {
|
|
59
84
|
.headerSortDown {
|
60
85
|
background-color: rgba(141,192,219,.25);
|
61
86
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
62
|
-
@include border-radius(3px 3px 0 0);
|
63
87
|
}
|
64
88
|
// Style the ascending (reverse alphabetical) column header
|
65
89
|
.header:hover {
|
@@ -146,3 +170,4 @@ table {
|
|
146
170
|
}
|
147
171
|
}
|
148
172
|
|
173
|
+
|
@@ -1,10 +1,10 @@
|
|
1
|
-
/*
|
1
|
+
/* type.css.scss
|
2
2
|
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
3
3
|
* ---------------------------------------------------------------------------------------- */
|
4
4
|
|
5
|
+
|
5
6
|
// BODY TEXT
|
6
7
|
// ---------
|
7
|
-
|
8
8
|
p {
|
9
9
|
@include shorthand-font(normal,$basefont,$baseline);
|
10
10
|
margin-bottom: $baseline / 2;
|
@@ -112,7 +112,7 @@ dl {
|
|
112
112
|
|
113
113
|
// Horizontal rules
|
114
114
|
hr {
|
115
|
-
margin:
|
115
|
+
margin: 20px 0 19px;
|
116
116
|
border: 0;
|
117
117
|
border-bottom: 1px solid #eee;
|
118
118
|
}
|
@@ -121,7 +121,6 @@ hr {
|
|
121
121
|
strong {
|
122
122
|
font-style: inherit;
|
123
123
|
font-weight: bold;
|
124
|
-
line-height: inherit;
|
125
124
|
}
|
126
125
|
em {
|
127
126
|
font-style: italic;
|
@@ -173,7 +172,7 @@ code {
|
|
173
172
|
pre {
|
174
173
|
background-color: #f5f5f5;
|
175
174
|
display: block;
|
176
|
-
padding: $baseline - 1;
|
175
|
+
padding: ($baseline - 1) / 2;
|
177
176
|
margin: 0 0 $baseline;
|
178
177
|
line-height: $baseline;
|
179
178
|
font-size: 12px;
|
@@ -183,6 +182,5 @@ pre {
|
|
183
182
|
white-space: pre;
|
184
183
|
white-space: pre-wrap;
|
185
184
|
word-wrap: break-word;
|
186
|
-
|
187
185
|
}
|
188
186
|
|
@@ -0,0 +1,51 @@
|
|
1
|
+
/* Variables.less
|
2
|
+
* Variables to customize the look and feel of Bootstrap
|
3
|
+
* ----------------------------------------------------- */
|
4
|
+
|
5
|
+
// Links
|
6
|
+
$linkColor: #0069d6;
|
7
|
+
$linkColorHover: darken($linkColor, 15);
|
8
|
+
|
9
|
+
// Grays
|
10
|
+
$black: #000;
|
11
|
+
$grayDark: lighten($black, 25%);
|
12
|
+
$gray: lighten($black, 50%);
|
13
|
+
$grayLight: lighten($black, 75%);
|
14
|
+
$grayLighter: lighten($black, 90%);
|
15
|
+
$white: #fff;
|
16
|
+
|
17
|
+
// Accent Colors
|
18
|
+
$blue: #049CDB;
|
19
|
+
$blueDark: #0064CD;
|
20
|
+
$green: #46a546;
|
21
|
+
$red: #9d261d;
|
22
|
+
$yellow: #ffc40d;
|
23
|
+
$orange: #f89406;
|
24
|
+
$pink: #c3325f;
|
25
|
+
$purple: #7a43b6;
|
26
|
+
|
27
|
+
// Baseline grid
|
28
|
+
$basefont: 13px;
|
29
|
+
$baseline: 18px;
|
30
|
+
|
31
|
+
// Griditude
|
32
|
+
// Modify the grid styles in mixins.less
|
33
|
+
$gridColumns: 16;
|
34
|
+
$gridColumnWidth: 40px;
|
35
|
+
$gridGutterWidth: 20px;
|
36
|
+
$extraSpace: ($gridGutterWidth * 2); // For our grid calculations
|
37
|
+
$siteWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
38
|
+
|
39
|
+
// Color Scheme
|
40
|
+
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
|
41
|
+
$baseColor: $blue; // Set a base color
|
42
|
+
$complement: spin($baseColor, 180); // Determine a complementary color
|
43
|
+
$split1: spin($baseColor, 158); // Split complements
|
44
|
+
$split2: spin($baseColor, -158);
|
45
|
+
$triad1: spin($baseColor, 135); // Triads colors
|
46
|
+
$triad2: spin($baseColor, -135);
|
47
|
+
$tetra1: spin($baseColor, 90); // Tetra colors
|
48
|
+
$tetra2: spin($baseColor, -90);
|
49
|
+
$analog1: spin($baseColor, 22); // Analogs colors
|
50
|
+
$analog2: spin($baseColor, -22);
|
51
|
+
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bootstrap-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.3.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,19 +9,19 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2011-09-
|
12
|
+
date: 2011-09-19 00:00:00.000000000Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass-rails
|
16
|
-
requirement: &
|
16
|
+
requirement: &70106575150160 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
|
-
- -
|
19
|
+
- - ~>
|
20
20
|
- !ruby/object:Gem::Version
|
21
|
-
version:
|
21
|
+
version: 3.1.0
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70106575150160
|
25
25
|
description:
|
26
26
|
email: tom@conceptcoding.co.uk
|
27
27
|
executables: []
|
@@ -29,13 +29,22 @@ extensions: []
|
|
29
29
|
extra_rdoc_files: []
|
30
30
|
files:
|
31
31
|
- vendor/assets/stylesheets/bootstrap/forms.css.scss
|
32
|
+
- vendor/assets/stylesheets/bootstrap/mixins.css.scss
|
32
33
|
- vendor/assets/stylesheets/bootstrap/patterns.css.scss
|
33
|
-
- vendor/assets/stylesheets/bootstrap/preboot.css.scss
|
34
34
|
- vendor/assets/stylesheets/bootstrap/reset.css.scss
|
35
35
|
- vendor/assets/stylesheets/bootstrap/scaffolding.css.scss
|
36
36
|
- vendor/assets/stylesheets/bootstrap/tables.css.scss
|
37
37
|
- vendor/assets/stylesheets/bootstrap/type.css.scss
|
38
|
+
- vendor/assets/stylesheets/bootstrap/variables.css.scss
|
38
39
|
- vendor/assets/stylesheets/bootstrap.css.scss
|
40
|
+
- vendor/assets/javascripts/bootstrap-alerts.js
|
41
|
+
- vendor/assets/javascripts/bootstrap-dropdown.js
|
42
|
+
- vendor/assets/javascripts/bootstrap-modal.js
|
43
|
+
- vendor/assets/javascripts/bootstrap-popover.js
|
44
|
+
- vendor/assets/javascripts/bootstrap-scrollspy.js
|
45
|
+
- vendor/assets/javascripts/bootstrap-tabs.js
|
46
|
+
- vendor/assets/javascripts/bootstrap-twipsy.js
|
47
|
+
- vendor/assets/javascripts/bootstrap.js
|
39
48
|
- README.md
|
40
49
|
- LICENSE
|
41
50
|
- lib/bootstrap-sass.rb
|