bootstrap-sass-rtl 2.3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/bootstrap-sass-rtl.gemspec +24 -0
- data/lib/bootstrap/sass/rtl.rb +10 -0
- data/lib/bootstrap/sass/rtl/version.rb +7 -0
- data/vendor/assets/stylesheets/bootstrap-responsive-rtl.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap-rtl.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_accordion.scss +34 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_alerts.scss +79 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_button-groups.scss +229 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_buttons.scss +228 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_carousel.scss +158 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_close.scss +32 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_code.scss +61 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_component-animations.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_dropdowns.scss +237 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_forms.scss +689 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_grid.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_hero-unit.scss +25 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_labels-badges.scss +83 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_layouts.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_media.scss +55 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_mixins.scss +690 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_modals.scss +95 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_navbar.scss +497 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_navs.scss +409 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_pager.scss +43 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_pagination.scss +123 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_popovers.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_progress-bars.scss +122 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_reset.scss +216 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-767px-max.scss +193 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-navbar.scss +189 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-utilities.scss +74 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_scaffolding.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_sprites.scss +197 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_tables.scss +235 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_thumbnails.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_tooltip.scss +70 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_type.scss +247 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_utilities.scss +45 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_variables.scss +301 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_wells.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/responsive.scss +48 -0
- metadata +137 -0
@@ -0,0 +1,228 @@
|
|
1
|
+
//
|
2
|
+
// Buttons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Base styles
|
7
|
+
// --------------------------------------------------
|
8
|
+
|
9
|
+
// Core
|
10
|
+
.btn {
|
11
|
+
display: inline-block;
|
12
|
+
@include ie7-inline-block();
|
13
|
+
padding: 4px 12px;
|
14
|
+
margin-bottom: 0; // For input.btn
|
15
|
+
font-size: $baseFontSize;
|
16
|
+
line-height: $baseLineHeight;
|
17
|
+
text-align: center;
|
18
|
+
vertical-align: middle;
|
19
|
+
cursor: pointer;
|
20
|
+
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75));
|
21
|
+
border: 1px solid $btnBorder;
|
22
|
+
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
23
|
+
border-bottom-color: darken($btnBorder, 10%);
|
24
|
+
@include border-radius($baseBorderRadius);
|
25
|
+
@include ie7-restore-right-whitespace(); // Give IE7 some love
|
26
|
+
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05));
|
27
|
+
|
28
|
+
// Hover/focus state
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
31
|
+
color: $grayDark;
|
32
|
+
text-decoration: none;
|
33
|
+
background-position: 0 -15px;
|
34
|
+
|
35
|
+
// transition is only when going to hover/focus, otherwise the background
|
36
|
+
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
37
|
+
@include transition(background-position .1s linear);
|
38
|
+
}
|
39
|
+
|
40
|
+
// Focus state for keyboard and accessibility
|
41
|
+
&:focus {
|
42
|
+
@include tab-focus();
|
43
|
+
}
|
44
|
+
|
45
|
+
// Active state
|
46
|
+
&.active,
|
47
|
+
&:active {
|
48
|
+
background-image: none;
|
49
|
+
outline: 0;
|
50
|
+
@include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
51
|
+
}
|
52
|
+
|
53
|
+
// Disabled state
|
54
|
+
&.disabled,
|
55
|
+
&[disabled] {
|
56
|
+
cursor: default;
|
57
|
+
background-image: none;
|
58
|
+
@include opacity(65);
|
59
|
+
@include box-shadow(none);
|
60
|
+
}
|
61
|
+
|
62
|
+
}
|
63
|
+
|
64
|
+
|
65
|
+
|
66
|
+
// Button Sizes
|
67
|
+
// --------------------------------------------------
|
68
|
+
|
69
|
+
// Large
|
70
|
+
.btn-large {
|
71
|
+
padding: $paddingLarge;
|
72
|
+
font-size: $fontSizeLarge;
|
73
|
+
@include border-radius($borderRadiusLarge);
|
74
|
+
}
|
75
|
+
.btn-large [class^="icon-"],
|
76
|
+
.btn-large [class*=" icon-"] {
|
77
|
+
margin-top: 4px;
|
78
|
+
}
|
79
|
+
|
80
|
+
// Small
|
81
|
+
.btn-small {
|
82
|
+
padding: $paddingSmall;
|
83
|
+
font-size: $fontSizeSmall;
|
84
|
+
@include border-radius($borderRadiusSmall);
|
85
|
+
}
|
86
|
+
.btn-small [class^="icon-"],
|
87
|
+
.btn-small [class*=" icon-"] {
|
88
|
+
margin-top: 0;
|
89
|
+
}
|
90
|
+
.btn-mini [class^="icon-"],
|
91
|
+
.btn-mini [class*=" icon-"] {
|
92
|
+
margin-top: -1px;
|
93
|
+
}
|
94
|
+
|
95
|
+
// Mini
|
96
|
+
.btn-mini {
|
97
|
+
padding: $paddingMini;
|
98
|
+
font-size: $fontSizeMini;
|
99
|
+
@include border-radius($borderRadiusSmall);
|
100
|
+
}
|
101
|
+
|
102
|
+
|
103
|
+
// Block button
|
104
|
+
// -------------------------
|
105
|
+
|
106
|
+
.btn-block {
|
107
|
+
display: block;
|
108
|
+
width: 100%;
|
109
|
+
padding-right: 0;
|
110
|
+
padding-left: 0;
|
111
|
+
@include box-sizing(border-box);
|
112
|
+
}
|
113
|
+
|
114
|
+
// Vertically space out multiple block buttons
|
115
|
+
.btn-block + .btn-block {
|
116
|
+
margin-top: 5px;
|
117
|
+
}
|
118
|
+
|
119
|
+
// Specificity overrides
|
120
|
+
input[type="submit"],
|
121
|
+
input[type="reset"],
|
122
|
+
input[type="button"] {
|
123
|
+
&.btn-block {
|
124
|
+
width: 100%;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
|
129
|
+
|
130
|
+
// Alternate buttons
|
131
|
+
// --------------------------------------------------
|
132
|
+
|
133
|
+
// Provide *some* extra contrast for those who can get it
|
134
|
+
.btn-primary.active,
|
135
|
+
.btn-warning.active,
|
136
|
+
.btn-danger.active,
|
137
|
+
.btn-success.active,
|
138
|
+
.btn-info.active,
|
139
|
+
.btn-inverse.active {
|
140
|
+
color: rgba(255,255,255,.75);
|
141
|
+
}
|
142
|
+
|
143
|
+
// Set the backgrounds
|
144
|
+
// -------------------------
|
145
|
+
.btn-primary {
|
146
|
+
@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
|
147
|
+
}
|
148
|
+
// Warning appears are orange
|
149
|
+
.btn-warning {
|
150
|
+
@include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight);
|
151
|
+
}
|
152
|
+
// Danger and error appear as red
|
153
|
+
.btn-danger {
|
154
|
+
@include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight);
|
155
|
+
}
|
156
|
+
// Success appears as green
|
157
|
+
.btn-success {
|
158
|
+
@include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight);
|
159
|
+
}
|
160
|
+
// Info appears as a neutral blue
|
161
|
+
.btn-info {
|
162
|
+
@include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
|
163
|
+
}
|
164
|
+
// Inverse appears as dark gray
|
165
|
+
.btn-inverse {
|
166
|
+
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
|
167
|
+
}
|
168
|
+
|
169
|
+
|
170
|
+
// Cross-browser Jank
|
171
|
+
// --------------------------------------------------
|
172
|
+
|
173
|
+
button.btn,
|
174
|
+
input[type="submit"].btn {
|
175
|
+
|
176
|
+
// Firefox 3.6 only I believe
|
177
|
+
&::-moz-focus-inner {
|
178
|
+
padding: 0;
|
179
|
+
border: 0;
|
180
|
+
}
|
181
|
+
|
182
|
+
// IE7 has some default padding on button controls
|
183
|
+
*padding-top: 3px;
|
184
|
+
*padding-bottom: 3px;
|
185
|
+
|
186
|
+
&.btn-large {
|
187
|
+
*padding-top: 7px;
|
188
|
+
*padding-bottom: 7px;
|
189
|
+
}
|
190
|
+
&.btn-small {
|
191
|
+
*padding-top: 3px;
|
192
|
+
*padding-bottom: 3px;
|
193
|
+
}
|
194
|
+
&.btn-mini {
|
195
|
+
*padding-top: 1px;
|
196
|
+
*padding-bottom: 1px;
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
|
201
|
+
// Link buttons
|
202
|
+
// --------------------------------------------------
|
203
|
+
|
204
|
+
// Make a button look and behave like a link
|
205
|
+
.btn-link,
|
206
|
+
.btn-link:active,
|
207
|
+
.btn-link[disabled] {
|
208
|
+
background-color: transparent;
|
209
|
+
background-image: none;
|
210
|
+
@include box-shadow(none);
|
211
|
+
}
|
212
|
+
.btn-link {
|
213
|
+
border-color: transparent;
|
214
|
+
cursor: pointer;
|
215
|
+
color: $linkColor;
|
216
|
+
@include border-radius(0);
|
217
|
+
}
|
218
|
+
.btn-link:hover,
|
219
|
+
.btn-link:focus {
|
220
|
+
color: $linkColorHover;
|
221
|
+
text-decoration: underline;
|
222
|
+
background-color: transparent;
|
223
|
+
}
|
224
|
+
.btn-link[disabled]:hover,
|
225
|
+
.btn-link[disabled]:focus {
|
226
|
+
color: $grayDark;
|
227
|
+
text-decoration: none;
|
228
|
+
}
|
@@ -0,0 +1,158 @@
|
|
1
|
+
//
|
2
|
+
// Carousel
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.carousel {
|
7
|
+
position: relative;
|
8
|
+
margin-bottom: $baseLineHeight;
|
9
|
+
line-height: 1;
|
10
|
+
}
|
11
|
+
|
12
|
+
.carousel-inner {
|
13
|
+
overflow: hidden;
|
14
|
+
width: 100%;
|
15
|
+
position: relative;
|
16
|
+
}
|
17
|
+
|
18
|
+
.carousel-inner {
|
19
|
+
|
20
|
+
> .item {
|
21
|
+
display: none;
|
22
|
+
position: relative;
|
23
|
+
@include transition(.6s ease-in-out left);
|
24
|
+
|
25
|
+
// Account for jankitude on images
|
26
|
+
> img,
|
27
|
+
> a > img {
|
28
|
+
display: block;
|
29
|
+
line-height: 1;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
> .active,
|
34
|
+
> .next,
|
35
|
+
> .prev { display: block; }
|
36
|
+
|
37
|
+
> .active {
|
38
|
+
right: 0;
|
39
|
+
}
|
40
|
+
|
41
|
+
> .next,
|
42
|
+
> .prev {
|
43
|
+
position: absolute;
|
44
|
+
top: 0;
|
45
|
+
width: 100%;
|
46
|
+
}
|
47
|
+
|
48
|
+
> .next {
|
49
|
+
right: 100%;
|
50
|
+
}
|
51
|
+
> .prev {
|
52
|
+
right: -100%;
|
53
|
+
}
|
54
|
+
> .next.left,
|
55
|
+
> .prev.right {
|
56
|
+
right: 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
> .active.left {
|
60
|
+
right: -100%;
|
61
|
+
}
|
62
|
+
> .active.right {
|
63
|
+
right: 100%;
|
64
|
+
}
|
65
|
+
|
66
|
+
}
|
67
|
+
|
68
|
+
// right/left controls for nav
|
69
|
+
// ---------------------------
|
70
|
+
|
71
|
+
.carousel-control {
|
72
|
+
position: absolute;
|
73
|
+
top: 40%;
|
74
|
+
right: 15px;
|
75
|
+
width: 40px;
|
76
|
+
height: 40px;
|
77
|
+
margin-top: -20px;
|
78
|
+
font-size: 60px;
|
79
|
+
font-weight: 100;
|
80
|
+
line-height: 30px;
|
81
|
+
color: $white;
|
82
|
+
text-align: center;
|
83
|
+
background: $grayDarker;
|
84
|
+
border: 3px solid $white;
|
85
|
+
@include border-radius(23px);
|
86
|
+
@include opacity(50);
|
87
|
+
|
88
|
+
// we can't have this transition here
|
89
|
+
// because webkit cancels the carousel
|
90
|
+
// animation if you trip this while
|
91
|
+
// in the middle of another animation
|
92
|
+
// ;_;
|
93
|
+
// .transition(opacity .2s linear);
|
94
|
+
|
95
|
+
// Reposition the left one
|
96
|
+
&.right {
|
97
|
+
right: auto;
|
98
|
+
left: 15px;
|
99
|
+
}
|
100
|
+
|
101
|
+
// Hover/focus state
|
102
|
+
&:hover,
|
103
|
+
&:focus {
|
104
|
+
color: $white;
|
105
|
+
text-decoration: none;
|
106
|
+
@include opacity(90);
|
107
|
+
}
|
108
|
+
}
|
109
|
+
|
110
|
+
// Carousel indicator pips
|
111
|
+
// -----------------------------
|
112
|
+
.carousel-indicators {
|
113
|
+
position: absolute;
|
114
|
+
top: 15px;
|
115
|
+
left: 15px;
|
116
|
+
z-index: 5;
|
117
|
+
margin: 0;
|
118
|
+
list-style: none;
|
119
|
+
|
120
|
+
li {
|
121
|
+
display: block;
|
122
|
+
float: right;
|
123
|
+
width: 10px;
|
124
|
+
height: 10px;
|
125
|
+
margin-right: 5px;
|
126
|
+
text-indent: -999px;
|
127
|
+
background-color: #ccc;
|
128
|
+
background-color: rgba(255,255,255,.25);
|
129
|
+
border-radius: 5px;
|
130
|
+
}
|
131
|
+
.active {
|
132
|
+
background-color: #fff;
|
133
|
+
}
|
134
|
+
}
|
135
|
+
|
136
|
+
// Caption for text below images
|
137
|
+
// -----------------------------
|
138
|
+
|
139
|
+
.carousel-caption {
|
140
|
+
position: absolute;
|
141
|
+
right: 0;
|
142
|
+
left: 0;
|
143
|
+
bottom: 0;
|
144
|
+
padding: 15px;
|
145
|
+
background: $grayDark;
|
146
|
+
background: rgba(0,0,0,.75);
|
147
|
+
}
|
148
|
+
.carousel-caption h4,
|
149
|
+
.carousel-caption p {
|
150
|
+
color: $white;
|
151
|
+
line-height: $baseLineHeight;
|
152
|
+
}
|
153
|
+
.carousel-caption h4 {
|
154
|
+
margin: 0 0 5px;
|
155
|
+
}
|
156
|
+
.carousel-caption p {
|
157
|
+
margin-bottom: 0;
|
158
|
+
}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
//
|
2
|
+
// Close icons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.close {
|
7
|
+
float: left;
|
8
|
+
font-size: 20px;
|
9
|
+
font-weight: bold;
|
10
|
+
line-height: $baseLineHeight;
|
11
|
+
color: $black;
|
12
|
+
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
13
|
+
@include opacity(20);
|
14
|
+
&:hover,
|
15
|
+
&:focus {
|
16
|
+
color: $black;
|
17
|
+
text-decoration: none;
|
18
|
+
cursor: pointer;
|
19
|
+
@include opacity(40);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
// Additional properties for button version
|
24
|
+
// iOS requires the button element instead of an anchor tag.
|
25
|
+
// If you want the anchor version, it requires `href="#"`.
|
26
|
+
button.close {
|
27
|
+
padding: 0;
|
28
|
+
cursor: pointer;
|
29
|
+
background: transparent;
|
30
|
+
border: 0;
|
31
|
+
-webkit-appearance: none;
|
32
|
+
}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
//
|
2
|
+
// Code (inline and blocK)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Inline and block code styles
|
7
|
+
code,
|
8
|
+
pre {
|
9
|
+
padding: 0 3px 2px;
|
10
|
+
@include font-family-monospace;
|
11
|
+
font-size: $baseFontSize - 2;
|
12
|
+
color: $grayDark;
|
13
|
+
@include border-radius(3px);
|
14
|
+
}
|
15
|
+
|
16
|
+
// Inline code
|
17
|
+
code {
|
18
|
+
padding: 2px 4px;
|
19
|
+
color: #d14;
|
20
|
+
background-color: #f7f7f9;
|
21
|
+
border: 1px solid #e1e1e8;
|
22
|
+
white-space: nowrap;
|
23
|
+
}
|
24
|
+
|
25
|
+
// Blocks of code
|
26
|
+
pre {
|
27
|
+
display: block;
|
28
|
+
padding: ($baseLineHeight - 1) / 2;
|
29
|
+
margin: 0 0 $baseLineHeight / 2;
|
30
|
+
font-size: $baseFontSize - 1; // 14px to 13px
|
31
|
+
line-height: $baseLineHeight;
|
32
|
+
word-break: break-all;
|
33
|
+
word-wrap: break-word;
|
34
|
+
white-space: pre;
|
35
|
+
white-space: pre-wrap;
|
36
|
+
background-color: #f5f5f5;
|
37
|
+
border: 1px solid #ccc; // fallback for IE7-8
|
38
|
+
border: 1px solid rgba(0,0,0,.15);
|
39
|
+
@include border-radius($baseBorderRadius);
|
40
|
+
|
41
|
+
// Make prettyprint styles more spaced out for readability
|
42
|
+
&.prettyprint {
|
43
|
+
margin-bottom: $baseLineHeight;
|
44
|
+
}
|
45
|
+
|
46
|
+
// Account for some code outputs that place code tags in pre tags
|
47
|
+
code {
|
48
|
+
padding: 0;
|
49
|
+
color: inherit;
|
50
|
+
white-space: pre;
|
51
|
+
white-space: pre-wrap;
|
52
|
+
background-color: transparent;
|
53
|
+
border: 0;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
// Enable scrollable blocks of code
|
58
|
+
.pre-scrollable {
|
59
|
+
max-height: 340px;
|
60
|
+
overflow-y: scroll;
|
61
|
+
}
|