twitter_bootstrap_sass 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +5 -0
- data/lib/twitter_bootstrap_sass/version.rb +1 -1
- data/vendor/assets/stylesheets/_twitter_bootstrap_sass.scss +3 -0
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_forms.scss +15 -15
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_mixins.scss +5 -5
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_patterns.scss +45 -45
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_scaffolding.scss +24 -24
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_tables.scss +7 -7
- data/vendor/assets/stylesheets/twitter_bootstrap_sass/_type.scss +3 -3
- metadata +3 -3
data/CHANGELOG.md
CHANGED
@@ -74,7 +74,7 @@ select,
|
|
74
74
|
line-height: $baseline;
|
75
75
|
color: $gray;
|
76
76
|
border: 1px solid #ccc;
|
77
|
-
@include border-radius(3px);
|
77
|
+
@include twitter-border-radius(3px);
|
78
78
|
}
|
79
79
|
|
80
80
|
/* mini reset for non-html5 file types */
|
@@ -94,7 +94,7 @@ input[type=file] {
|
|
94
94
|
padding: initial;
|
95
95
|
border: initial;
|
96
96
|
line-height: initial;
|
97
|
-
@include box-shadow(none);
|
97
|
+
@include twitter-box-shadow(none);
|
98
98
|
}
|
99
99
|
|
100
100
|
input[type=button],
|
@@ -125,7 +125,7 @@ textarea {
|
|
125
125
|
background-color: $white;
|
126
126
|
display: block;
|
127
127
|
border-color: #eee;
|
128
|
-
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
128
|
+
@include twitter-box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
129
129
|
cursor: not-allowed;
|
130
130
|
}
|
131
131
|
|
@@ -141,20 +141,20 @@ textarea {
|
|
141
141
|
input,
|
142
142
|
textarea {
|
143
143
|
$transition: border linear .2s, box-shadow linear .2s;
|
144
|
-
@include transition($transition);
|
145
|
-
@include box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
|
144
|
+
@include twitter-transition($transition);
|
145
|
+
@include twitter-box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
|
146
146
|
}
|
147
147
|
input:focus,
|
148
148
|
textarea:focus {
|
149
149
|
outline: 0;
|
150
150
|
border-color: rgba(82,168,236,.8);
|
151
151
|
$shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
152
|
-
@include box-shadow($shadow);
|
152
|
+
@include twitter-box-shadow($shadow);
|
153
153
|
}
|
154
154
|
input[type=file]:focus,
|
155
155
|
input[type=checkbox]:focus,
|
156
156
|
select:focus {
|
157
|
-
@include box-shadow(none); // override for file inputs
|
157
|
+
@include twitter-box-shadow(none); // override for file inputs
|
158
158
|
outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline
|
159
159
|
}
|
160
160
|
|
@@ -163,7 +163,7 @@ form div.clearfix.error {
|
|
163
163
|
background: lighten($red, 57%);
|
164
164
|
padding: 10px 0;
|
165
165
|
margin: -10px 0 10px;
|
166
|
-
@include border-radius(4px);
|
166
|
+
@include twitter-border-radius(4px);
|
167
167
|
$error-text: desaturate(lighten($red, 25%), 25%);
|
168
168
|
> label,
|
169
169
|
span.help-inline,
|
@@ -173,10 +173,10 @@ form div.clearfix.error {
|
|
173
173
|
input,
|
174
174
|
textarea {
|
175
175
|
border-color: $error-text;
|
176
|
-
@include box-shadow(0 0 3px rgba(171,41,32,.25));
|
176
|
+
@include twitter-box-shadow(0 0 3px rgba(171,41,32,.25));
|
177
177
|
&:focus {
|
178
178
|
border-color: darken($error-text, 10%);
|
179
|
-
@include box-shadow(0 0 6px rgba(171,41,32,.5));
|
179
|
+
@include twitter-box-shadow(0 0 6px rgba(171,41,32,.5));
|
180
180
|
}
|
181
181
|
}
|
182
182
|
.input-prepend,
|
@@ -280,7 +280,7 @@ textarea[readonly] {
|
|
280
280
|
margin-bottom: $baseline;
|
281
281
|
padding: ($baseline - 1) 20px $baseline 150px;
|
282
282
|
border-top: 1px solid #ddd;
|
283
|
-
@include border-radius(0 0 3px 3px);
|
283
|
+
@include twitter-border-radius(0 0 3px 3px);
|
284
284
|
.secondary-action {
|
285
285
|
float: right;
|
286
286
|
a {
|
@@ -332,7 +332,7 @@ textarea[readonly] {
|
|
332
332
|
.input-prepend,
|
333
333
|
.input-append {
|
334
334
|
input {
|
335
|
-
@include border-radius(0 3px 3px 0);
|
335
|
+
@include twitter-border-radius(0 3px 3px 0);
|
336
336
|
}
|
337
337
|
.add-on {
|
338
338
|
position: relative;
|
@@ -351,7 +351,7 @@ textarea[readonly] {
|
|
351
351
|
color: $grayLight;
|
352
352
|
text-align: center;
|
353
353
|
text-shadow: 0 1px 0 $white;
|
354
|
-
@include border-radius(3px 0 0 3px);
|
354
|
+
@include twitter-border-radius(3px 0 0 3px);
|
355
355
|
}
|
356
356
|
.active {
|
357
357
|
background: lighten($green, 30);
|
@@ -366,10 +366,10 @@ textarea[readonly] {
|
|
366
366
|
.input-append {
|
367
367
|
input {
|
368
368
|
float: left;
|
369
|
-
@include border-radius(3px 0 0 3px);
|
369
|
+
@include twitter-border-radius(3px 0 0 3px);
|
370
370
|
}
|
371
371
|
.add-on {
|
372
|
-
@include border-radius(0 3px 3px 0);
|
372
|
+
@include twitter-border-radius(0 3px 3px 0);
|
373
373
|
margin-right: 0;
|
374
374
|
margin-left: -1px;
|
375
375
|
}
|
@@ -76,7 +76,7 @@
|
|
76
76
|
@include clearfix();
|
77
77
|
}
|
78
78
|
|
79
|
-
@mixin columns($columnSpan: 1) {
|
79
|
+
@mixin twitter-columns($columnSpan: 1) {
|
80
80
|
width: ($gridColumnWidth * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1));
|
81
81
|
}
|
82
82
|
|
@@ -94,25 +94,25 @@
|
|
94
94
|
// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
|
95
95
|
@mixin makeColumn($columnSpan: 1) {
|
96
96
|
@include gridColumn();
|
97
|
-
@include columns($columnSpan);
|
97
|
+
@include twitter-columns($columnSpan);
|
98
98
|
}
|
99
99
|
|
100
100
|
// Border Radius
|
101
|
-
@mixin border-radius($radius: 5px) {
|
101
|
+
@mixin twitter-border-radius($radius: 5px) {
|
102
102
|
-webkit-border-radius: $radius;
|
103
103
|
-moz-border-radius: $radius;
|
104
104
|
border-radius: $radius;
|
105
105
|
}
|
106
106
|
|
107
107
|
// Drop shadows
|
108
|
-
@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
108
|
+
@mixin twitter-box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
109
109
|
-webkit-box-shadow: $shadow;
|
110
110
|
-moz-box-shadow: $shadow;
|
111
111
|
box-shadow: $shadow;
|
112
112
|
}
|
113
113
|
|
114
114
|
// Transitions
|
115
|
-
@mixin transition($transition) {
|
115
|
+
@mixin twitter-transition($transition) {
|
116
116
|
-webkit-transition: $transition;
|
117
117
|
-moz-transition: $transition;
|
118
118
|
-ms-transition: $transition;
|
@@ -79,10 +79,10 @@
|
|
79
79
|
color: $white;
|
80
80
|
color: rgba(255,255,255,.75);
|
81
81
|
border: 1px solid #111;
|
82
|
-
@include border-radius(4px);
|
82
|
+
@include twitter-border-radius(4px);
|
83
83
|
$shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.25);
|
84
|
-
@include box-shadow($shadow);
|
85
|
-
@include transition(none);
|
84
|
+
@include twitter-box-shadow($shadow);
|
85
|
+
@include twitter-transition(none);
|
86
86
|
|
87
87
|
// Placeholder text gets special styles; can't be bundled together though for some reason
|
88
88
|
&:-moz-placeholder {
|
@@ -106,7 +106,7 @@
|
|
106
106
|
text-shadow: 0 1px 0 $white;
|
107
107
|
border: 0;
|
108
108
|
padding: 5px 10px;
|
109
|
-
@include box-shadow(0 0 3px rgba(0,0,0,.15));
|
109
|
+
@include twitter-box-shadow(0 0 3px rgba(0,0,0,.15));
|
110
110
|
}
|
111
111
|
}
|
112
112
|
}
|
@@ -118,7 +118,7 @@
|
|
118
118
|
background-color: #222;
|
119
119
|
@include gradient-vertical(#333, #222);
|
120
120
|
$shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
|
121
|
-
@include box-shadow($shadow);
|
121
|
+
@include twitter-box-shadow($shadow);
|
122
122
|
}
|
123
123
|
|
124
124
|
|
@@ -258,8 +258,8 @@ a.menu:after,
|
|
258
258
|
border-color: rgba(0,0,0,.2);
|
259
259
|
border-style: solid;
|
260
260
|
border-width: 0 1px 1px;
|
261
|
-
@include border-radius(0 0 6px 6px);
|
262
|
-
@include box-shadow(0 2px 4px rgba(0,0,0,.2));
|
261
|
+
@include twitter-border-radius(0 0 6px 6px);
|
262
|
+
@include twitter-box-shadow(0 2px 4px rgba(0,0,0,.2));
|
263
263
|
@include background-clip(padding-box);
|
264
264
|
|
265
265
|
// Unfloat any li's to make them stack
|
@@ -294,7 +294,7 @@ a.menu:after,
|
|
294
294
|
color: $grayDark;
|
295
295
|
text-decoration: none;
|
296
296
|
$shadow: inset 0 1px 0 rgba(0,0,0,.025), inset 0 -1px rgba(0,0,0,.025);
|
297
|
-
@include box-shadow($shadow);
|
297
|
+
@include twitter-box-shadow($shadow);
|
298
298
|
}
|
299
299
|
}
|
300
300
|
}
|
@@ -346,7 +346,7 @@ a.menu:after,
|
|
346
346
|
margin-right: 2px;
|
347
347
|
line-height: $baseline * 2;
|
348
348
|
border: 1px solid transparent;
|
349
|
-
@include border-radius(4px 4px 0 0);
|
349
|
+
@include twitter-border-radius(4px 4px 0 0);
|
350
350
|
&:hover {
|
351
351
|
text-decoration: none;
|
352
352
|
background-color: #eee;
|
@@ -365,7 +365,7 @@ a.menu:after,
|
|
365
365
|
.dropdown-menu {
|
366
366
|
top: 35px;
|
367
367
|
border-width: 1px;
|
368
|
-
@include border-radius(0 6px 6px 6px);
|
368
|
+
@include twitter-border-radius(0 6px 6px 6px);
|
369
369
|
}
|
370
370
|
// first one for backwards compatibility
|
371
371
|
a.menu:after,
|
@@ -396,7 +396,7 @@ a.menu:after,
|
|
396
396
|
padding: 0 15px;
|
397
397
|
text-shadow: 0 1px 1px $white;
|
398
398
|
line-height: 30px;
|
399
|
-
@include border-radius(15px);
|
399
|
+
@include twitter-border-radius(15px);
|
400
400
|
&:hover {
|
401
401
|
background: $linkColorHover;
|
402
402
|
color: $white;
|
@@ -430,8 +430,8 @@ a.menu:after,
|
|
430
430
|
padding: 7px 14px;
|
431
431
|
@include gradient-vertical(#ffffff, #f5f5f5);
|
432
432
|
border: 1px solid #ddd;
|
433
|
-
@include border-radius(3px);
|
434
|
-
@include box-shadow(inset 0 1px 0 $white);
|
433
|
+
@include twitter-border-radius(3px);
|
434
|
+
@include twitter-box-shadow(inset 0 1px 0 $white);
|
435
435
|
li {
|
436
436
|
display: inline;
|
437
437
|
text-shadow: 0 1px 0 $white;
|
@@ -455,7 +455,7 @@ a.menu:after,
|
|
455
455
|
background-color: #f5f5f5;
|
456
456
|
margin-bottom: 30px;
|
457
457
|
padding: 60px;
|
458
|
-
@include border-radius(6px);
|
458
|
+
@include twitter-border-radius(6px);
|
459
459
|
h1 {
|
460
460
|
margin-bottom: 0;
|
461
461
|
font-size: 60px;
|
@@ -481,7 +481,7 @@ footer {
|
|
481
481
|
.page-header {
|
482
482
|
margin-bottom: $baseline - 1;
|
483
483
|
border-bottom: 1px solid #ddd;
|
484
|
-
@include box-shadow(0 1px 0 rgba(255,255,255,.5));
|
484
|
+
@include twitter-box-shadow(0 1px 0 rgba(255,255,255,.5));
|
485
485
|
h1 {
|
486
486
|
margin-bottom: ($baseline / 2) - 1px;
|
487
487
|
}
|
@@ -533,9 +533,9 @@ footer {
|
|
533
533
|
line-height: normal;
|
534
534
|
border: 1px solid #ccc;
|
535
535
|
border-bottom-color: #bbb;
|
536
|
-
@include border-radius(4px);
|
536
|
+
@include twitter-border-radius(4px);
|
537
537
|
$shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
538
|
-
@include box-shadow($shadow);
|
538
|
+
@include twitter-box-shadow($shadow);
|
539
539
|
|
540
540
|
&:hover {
|
541
541
|
background-position: 0 -15px;
|
@@ -555,19 +555,19 @@ footer {
|
|
555
555
|
}
|
556
556
|
|
557
557
|
// Transitions
|
558
|
-
@include transition(.1s linear all);
|
558
|
+
@include twitter-transition(.1s linear all);
|
559
559
|
|
560
560
|
// Active and Disabled states
|
561
561
|
&:active {
|
562
562
|
$shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.05);
|
563
|
-
@include box-shadow($shadow);
|
563
|
+
@include twitter-box-shadow($shadow);
|
564
564
|
}
|
565
565
|
&.disabled {
|
566
566
|
cursor: default;
|
567
567
|
background-image: none;
|
568
568
|
@include reset-filter();
|
569
569
|
@include opacity(0.65);
|
570
|
-
@include box-shadow(none);
|
570
|
+
@include twitter-box-shadow(none);
|
571
571
|
}
|
572
572
|
&[disabled] {
|
573
573
|
// disabled pseudo can't be included with .disabled
|
@@ -576,7 +576,7 @@ footer {
|
|
576
576
|
background-image: none;
|
577
577
|
@include reset-filter();
|
578
578
|
@include opacity(0.65);
|
579
|
-
@include box-shadow(none);
|
579
|
+
@include twitter-box-shadow(none);
|
580
580
|
}
|
581
581
|
|
582
582
|
// Button Sizes
|
@@ -584,7 +584,7 @@ footer {
|
|
584
584
|
font-size: $basefont + 2px;
|
585
585
|
line-height: normal;
|
586
586
|
padding: 9px 14px 9px;
|
587
|
-
@include border-radius(6px);
|
587
|
+
@include twitter-border-radius(6px);
|
588
588
|
}
|
589
589
|
&.small {
|
590
590
|
padding: 7px 9px 7px;
|
@@ -638,8 +638,8 @@ input[type=submit].btn {
|
|
638
638
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
639
639
|
border-width: 1px;
|
640
640
|
border-style: solid;
|
641
|
-
@include border-radius(4px);
|
642
|
-
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.25));
|
641
|
+
@include twitter-border-radius(4px);
|
642
|
+
@include twitter-box-shadow(inset 0 1px 0 rgba(255,255,255,.25));
|
643
643
|
|
644
644
|
// Adjust close icon
|
645
645
|
.close {
|
@@ -660,7 +660,7 @@ input[type=submit].btn {
|
|
660
660
|
}
|
661
661
|
.btn {
|
662
662
|
// Provide actions with buttons
|
663
|
-
@include box-shadow(0 1px 0 rgba(255,255,255,.25));
|
663
|
+
@include twitter-box-shadow(0 1px 0 rgba(255,255,255,.25));
|
664
664
|
}
|
665
665
|
|
666
666
|
&.block-message {
|
@@ -669,7 +669,7 @@ input[type=submit].btn {
|
|
669
669
|
@include reset-filter();
|
670
670
|
padding: 14px;
|
671
671
|
border-color: #fceec1;
|
672
|
-
@include box-shadow(none);
|
672
|
+
@include twitter-box-shadow(none);
|
673
673
|
ul, p {
|
674
674
|
margin-right: 30px;
|
675
675
|
}
|
@@ -715,8 +715,8 @@ input[type=submit].btn {
|
|
715
715
|
margin: 0;
|
716
716
|
border: 1px solid #ddd;
|
717
717
|
border: 1px solid rgba(0,0,0,.15);
|
718
|
-
@include border-radius(3px);
|
719
|
-
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
718
|
+
@include twitter-border-radius(3px);
|
719
|
+
@include twitter-box-shadow(0 1px 2px rgba(0,0,0,.05));
|
720
720
|
}
|
721
721
|
li {
|
722
722
|
display: inline;
|
@@ -756,8 +756,8 @@ input[type=submit].btn {
|
|
756
756
|
min-height: 20px;
|
757
757
|
border: 1px solid #eee;
|
758
758
|
border: 1px solid rgba(0,0,0,.05);
|
759
|
-
@include border-radius(4px);
|
760
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
759
|
+
@include twitter-border-radius(4px);
|
760
|
+
@include twitter-box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
761
761
|
blockquote {
|
762
762
|
border-color: #ddd;
|
763
763
|
border-color: rgba(0,0,0,.15);
|
@@ -795,12 +795,12 @@ input[type=submit].btn {
|
|
795
795
|
border: 1px solid #999;
|
796
796
|
border: 1px solid rgba(0,0,0,.3);
|
797
797
|
*border: 1px solid #999; /* IE6-7 */
|
798
|
-
@include border-radius(6px);
|
799
|
-
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
798
|
+
@include twitter-border-radius(6px);
|
799
|
+
@include twitter-box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
800
800
|
@include background-clip(padding-box);
|
801
801
|
.close { margin-top: 7px; }
|
802
802
|
&.fade {
|
803
|
-
@include transition(e('opacity .3s linear, top .3s ease-out'));
|
803
|
+
@include twitter-transition(e('opacity .3s linear, top .3s ease-out'));
|
804
804
|
top: -25%;
|
805
805
|
}
|
806
806
|
&.fade.in { top: 50%; }
|
@@ -816,8 +816,8 @@ input[type=submit].btn {
|
|
816
816
|
background-color: #f5f5f5;
|
817
817
|
padding: 14px 15px 15px;
|
818
818
|
border-top: 1px solid #ddd;
|
819
|
-
@include border-radius(0 0 6px 6px);
|
820
|
-
@include box-shadow(inset 0 1px 0 $white);
|
819
|
+
@include twitter-border-radius(0 0 6px 6px);
|
820
|
+
@include twitter-box-shadow(inset 0 1px 0 $white);
|
821
821
|
@include clearfix();
|
822
822
|
margin-bottom: 0;
|
823
823
|
.btn {
|
@@ -889,7 +889,7 @@ input[type=submit].btn {
|
|
889
889
|
text-align: center;
|
890
890
|
max-width: 200px;
|
891
891
|
text-decoration: none;
|
892
|
-
@include border-radius(4px);
|
892
|
+
@include twitter-border-radius(4px);
|
893
893
|
}
|
894
894
|
.twipsy-arrow {
|
895
895
|
position: absolute;
|
@@ -923,20 +923,20 @@ input[type=submit].btn {
|
|
923
923
|
padding: 3px;
|
924
924
|
overflow: hidden;
|
925
925
|
width: 280px;
|
926
|
-
@include border-radius(6px);
|
927
|
-
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
926
|
+
@include twitter-border-radius(6px);
|
927
|
+
@include twitter-box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
928
928
|
}
|
929
929
|
.title {
|
930
930
|
background-color: #f5f5f5;
|
931
931
|
padding: 9px 15px;
|
932
932
|
line-height: 1;
|
933
|
-
@include border-radius(3px 3px 0 0);
|
933
|
+
@include twitter-border-radius(3px 3px 0 0);
|
934
934
|
border-bottom:1px solid #eee;
|
935
935
|
}
|
936
936
|
.content {
|
937
937
|
background-color: $white;
|
938
938
|
padding: 14px;
|
939
|
-
@include border-radius(0 0 3px 3px);
|
939
|
+
@include twitter-border-radius(0 0 3px 3px);
|
940
940
|
@include background-clip(padding-box);
|
941
941
|
p, ul, ol {
|
942
942
|
margin-bottom: 0;
|
@@ -949,7 +949,7 @@ input[type=submit].btn {
|
|
949
949
|
// ------------------
|
950
950
|
|
951
951
|
.fade {
|
952
|
-
@include transition(opacity .15s linear);
|
952
|
+
@include twitter-transition(opacity .15s linear);
|
953
953
|
opacity: 0;
|
954
954
|
&.in {
|
955
955
|
opacity: 1;
|
@@ -967,7 +967,7 @@ input[type=submit].btn {
|
|
967
967
|
font-weight: bold;
|
968
968
|
color: $white;
|
969
969
|
text-transform: uppercase;
|
970
|
-
@include border-radius(3px);
|
970
|
+
@include twitter-border-radius(3px);
|
971
971
|
&.important { background-color: #c43c35; }
|
972
972
|
&.warning { background-color: $orange; }
|
973
973
|
&.success { background-color: $green; }
|
@@ -990,14 +990,14 @@ input[type=submit].btn {
|
|
990
990
|
padding: 4px;
|
991
991
|
margin: 0 0 20px 20px;
|
992
992
|
border: 1px solid #ddd;
|
993
|
-
@include border-radius(4px);
|
994
|
-
@include box-shadow(0 1px 1px rgba(0,0,0,.075));
|
993
|
+
@include twitter-border-radius(4px);
|
994
|
+
@include twitter-box-shadow(0 1px 1px rgba(0,0,0,.075));
|
995
995
|
img {
|
996
996
|
display: block;
|
997
997
|
}
|
998
998
|
&:hover {
|
999
999
|
border-color: $linkColor;
|
1000
|
-
@include box-shadow(0 1px 4px rgba(0,105,214,.25));
|
1000
|
+
@include twitter-box-shadow(0 1px 4px rgba(0,105,214,.25));
|
1001
1001
|
}
|
1002
1002
|
}
|
1003
1003
|
}
|
@@ -87,32 +87,32 @@ a {
|
|
87
87
|
}
|
88
88
|
|
89
89
|
// Default columns
|
90
|
-
.span1 { @include columns(1); }
|
91
|
-
.span2 { @include columns(2); }
|
92
|
-
.span3 { @include columns(3); }
|
93
|
-
.span4 { @include columns(4); }
|
94
|
-
.span5 { @include columns(5); }
|
95
|
-
.span6 { @include columns(6); }
|
96
|
-
.span7 { @include columns(7); }
|
97
|
-
.span8 { @include columns(8); }
|
98
|
-
.span9 { @include columns(9); }
|
99
|
-
.span10 { @include columns(10); }
|
100
|
-
.span11 { @include columns(11); }
|
101
|
-
.span12 { @include columns(12); }
|
102
|
-
.span13 { @include columns(13); }
|
103
|
-
.span14 { @include columns(14); }
|
104
|
-
.span15 { @include columns(15); }
|
105
|
-
.span16 { @include columns(16); }
|
90
|
+
.span1 { @include twitter-columns(1); }
|
91
|
+
.span2 { @include twitter-columns(2); }
|
92
|
+
.span3 { @include twitter-columns(3); }
|
93
|
+
.span4 { @include twitter-columns(4); }
|
94
|
+
.span5 { @include twitter-columns(5); }
|
95
|
+
.span6 { @include twitter-columns(6); }
|
96
|
+
.span7 { @include twitter-columns(7); }
|
97
|
+
.span8 { @include twitter-columns(8); }
|
98
|
+
.span9 { @include twitter-columns(9); }
|
99
|
+
.span10 { @include twitter-columns(10); }
|
100
|
+
.span11 { @include twitter-columns(11); }
|
101
|
+
.span12 { @include twitter-columns(12); }
|
102
|
+
.span13 { @include twitter-columns(13); }
|
103
|
+
.span14 { @include twitter-columns(14); }
|
104
|
+
.span15 { @include twitter-columns(15); }
|
105
|
+
.span16 { @include twitter-columns(16); }
|
106
106
|
|
107
107
|
// For optional 24-column grid
|
108
|
-
.span17 { @include columns(17); }
|
109
|
-
.span18 { @include columns(18); }
|
110
|
-
.span19 { @include columns(19); }
|
111
|
-
.span20 { @include columns(20); }
|
112
|
-
.span21 { @include columns(21); }
|
113
|
-
.span22 { @include columns(22); }
|
114
|
-
.span23 { @include columns(23); }
|
115
|
-
.span24 { @include columns(24); }
|
108
|
+
.span17 { @include twitter-columns(17); }
|
109
|
+
.span18 { @include twitter-columns(18); }
|
110
|
+
.span19 { @include twitter-columns(19); }
|
111
|
+
.span20 { @include twitter-columns(20); }
|
112
|
+
.span21 { @include twitter-columns(21); }
|
113
|
+
.span22 { @include twitter-columns(22); }
|
114
|
+
.span23 { @include twitter-columns(23); }
|
115
|
+
.span24 { @include twitter-columns(24); }
|
116
116
|
|
117
117
|
// Offset column options
|
118
118
|
.offset1 { @include offset(1); }
|
@@ -15,7 +15,7 @@ table {
|
|
15
15
|
*border-collapse: collapse; /* IE7, collapse table to remove spacing */
|
16
16
|
font-size: $basefont;
|
17
17
|
border: 1px solid #ddd;
|
18
|
-
@include border-radius(4px);
|
18
|
+
@include twitter-border-radius(4px);
|
19
19
|
th, td {
|
20
20
|
padding: 10px 10px 9px;
|
21
21
|
line-height: $baseline;
|
@@ -38,16 +38,16 @@ table {
|
|
38
38
|
border-top: 1px solid #ddd;
|
39
39
|
}
|
40
40
|
tbody tr:first-child td:first-child {
|
41
|
-
@include border-radius(4px 0 0 0);
|
41
|
+
@include twitter-border-radius(4px 0 0 0);
|
42
42
|
}
|
43
43
|
tbody tr:first-child td:last-child {
|
44
|
-
@include border-radius(0 4px 0 0);
|
44
|
+
@include twitter-border-radius(0 4px 0 0);
|
45
45
|
}
|
46
46
|
tbody tr:last-child td:first-child {
|
47
|
-
@include border-radius(0 0 0 4px);
|
47
|
+
@include twitter-border-radius(0 0 0 4px);
|
48
48
|
}
|
49
49
|
tbody tr:last-child td:last-child {
|
50
|
-
@include border-radius(0 0 4px 0);
|
50
|
+
@include twitter-border-radius(0 0 4px 0);
|
51
51
|
}
|
52
52
|
}
|
53
53
|
|
@@ -107,7 +107,7 @@ table {
|
|
107
107
|
border-right: 4px solid transparent;
|
108
108
|
border-top: 4px solid #000;
|
109
109
|
visibility:visible;
|
110
|
-
@include box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
110
|
+
@include twitter-box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
111
111
|
@include opacity(60);
|
112
112
|
}
|
113
113
|
}
|
@@ -168,4 +168,4 @@ table {
|
|
168
168
|
.headerSortDown.purple {
|
169
169
|
background-color: lighten($purple, 40%);
|
170
170
|
}
|
171
|
-
}
|
171
|
+
}
|
@@ -163,7 +163,7 @@ code, pre {
|
|
163
163
|
padding: 0 3px 2px;
|
164
164
|
font-family: Monaco, Andale Mono, Courier New, monospace;
|
165
165
|
font-size: 12px;
|
166
|
-
@include border-radius(3px);
|
166
|
+
@include twitter-border-radius(3px);
|
167
167
|
}
|
168
168
|
code {
|
169
169
|
background-color: lighten($orange, 40%);
|
@@ -179,9 +179,9 @@ pre {
|
|
179
179
|
font-size: 12px;
|
180
180
|
border: 1px solid #ccc;
|
181
181
|
border: 1px solid rgba(0,0,0,.15);
|
182
|
-
@include border-radius(3px);
|
182
|
+
@include twitter-border-radius(3px);
|
183
183
|
white-space: pre;
|
184
184
|
white-space: pre-wrap;
|
185
185
|
word-wrap: break-word;
|
186
186
|
|
187
|
-
}
|
187
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: twitter_bootstrap_sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.3
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -13,7 +13,7 @@ date: 2011-11-29 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|
16
|
-
requirement: &
|
16
|
+
requirement: &70269394159540 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: '3.1'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70269394159540
|
25
25
|
description: To use this gem, simply import 'twitter-bootstrap-sass' into your scss
|
26
26
|
stylesheet.
|
27
27
|
email:
|