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.
Files changed (53) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +29 -0
  6. data/Rakefile +1 -0
  7. data/bootstrap-sass-rtl.gemspec +24 -0
  8. data/lib/bootstrap/sass/rtl.rb +10 -0
  9. data/lib/bootstrap/sass/rtl/version.rb +7 -0
  10. data/vendor/assets/stylesheets/bootstrap-responsive-rtl.scss +1 -0
  11. data/vendor/assets/stylesheets/bootstrap-rtl.scss +1 -0
  12. data/vendor/assets/stylesheets/bootstrap-rtl/_accordion.scss +34 -0
  13. data/vendor/assets/stylesheets/bootstrap-rtl/_alerts.scss +79 -0
  14. data/vendor/assets/stylesheets/bootstrap-rtl/_breadcrumbs.scss +24 -0
  15. data/vendor/assets/stylesheets/bootstrap-rtl/_button-groups.scss +229 -0
  16. data/vendor/assets/stylesheets/bootstrap-rtl/_buttons.scss +228 -0
  17. data/vendor/assets/stylesheets/bootstrap-rtl/_carousel.scss +158 -0
  18. data/vendor/assets/stylesheets/bootstrap-rtl/_close.scss +32 -0
  19. data/vendor/assets/stylesheets/bootstrap-rtl/_code.scss +61 -0
  20. data/vendor/assets/stylesheets/bootstrap-rtl/_component-animations.scss +22 -0
  21. data/vendor/assets/stylesheets/bootstrap-rtl/_dropdowns.scss +237 -0
  22. data/vendor/assets/stylesheets/bootstrap-rtl/_forms.scss +689 -0
  23. data/vendor/assets/stylesheets/bootstrap-rtl/_grid.scss +21 -0
  24. data/vendor/assets/stylesheets/bootstrap-rtl/_hero-unit.scss +25 -0
  25. data/vendor/assets/stylesheets/bootstrap-rtl/_labels-badges.scss +83 -0
  26. data/vendor/assets/stylesheets/bootstrap-rtl/_layouts.scss +16 -0
  27. data/vendor/assets/stylesheets/bootstrap-rtl/_media.scss +55 -0
  28. data/vendor/assets/stylesheets/bootstrap-rtl/_mixins.scss +690 -0
  29. data/vendor/assets/stylesheets/bootstrap-rtl/_modals.scss +95 -0
  30. data/vendor/assets/stylesheets/bootstrap-rtl/_navbar.scss +497 -0
  31. data/vendor/assets/stylesheets/bootstrap-rtl/_navs.scss +409 -0
  32. data/vendor/assets/stylesheets/bootstrap-rtl/_pager.scss +43 -0
  33. data/vendor/assets/stylesheets/bootstrap-rtl/_pagination.scss +123 -0
  34. data/vendor/assets/stylesheets/bootstrap-rtl/_popovers.scss +133 -0
  35. data/vendor/assets/stylesheets/bootstrap-rtl/_progress-bars.scss +122 -0
  36. data/vendor/assets/stylesheets/bootstrap-rtl/_reset.scss +216 -0
  37. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-1200px-min.scss +28 -0
  38. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-767px-max.scss +193 -0
  39. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-768px-979px.scss +19 -0
  40. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-navbar.scss +189 -0
  41. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-utilities.scss +74 -0
  42. data/vendor/assets/stylesheets/bootstrap-rtl/_scaffolding.scss +53 -0
  43. data/vendor/assets/stylesheets/bootstrap-rtl/_sprites.scss +197 -0
  44. data/vendor/assets/stylesheets/bootstrap-rtl/_tables.scss +235 -0
  45. data/vendor/assets/stylesheets/bootstrap-rtl/_thumbnails.scss +53 -0
  46. data/vendor/assets/stylesheets/bootstrap-rtl/_tooltip.scss +70 -0
  47. data/vendor/assets/stylesheets/bootstrap-rtl/_type.scss +247 -0
  48. data/vendor/assets/stylesheets/bootstrap-rtl/_utilities.scss +45 -0
  49. data/vendor/assets/stylesheets/bootstrap-rtl/_variables.scss +301 -0
  50. data/vendor/assets/stylesheets/bootstrap-rtl/_wells.scss +29 -0
  51. data/vendor/assets/stylesheets/bootstrap-rtl/bootstrap.scss +63 -0
  52. data/vendor/assets/stylesheets/bootstrap-rtl/responsive.scss +48 -0
  53. 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
+ }