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.

@@ -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 that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
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: #fff;
11
+ background-color: $white;
67
12
  }
68
13
  body {
69
14
  margin: 0;
70
15
  @include sans-serif-font(normal,$basefont,$baseline);
71
- color: $gray;
16
+ color: $grayDark;
72
17
  }
73
18
 
74
19
  // Container (centered, fixed-width layouts)
75
20
  .container {
76
- width: 940px;
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
- padding: 0 20px;
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: 240px;
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
- font-size: 13px;
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 * .75;
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
- border-bottom-width: 2px;
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
- /* typography.css.scss
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: 0 0 19px;
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.2.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-06 00:00:00.000000000 Z
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: &2152537480 !ruby/object:Gem::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: '0'
21
+ version: 3.1.0
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *2152537480
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