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,28 @@
1
+ //
2
+ // Responsive: Large desktop and up
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 1200px) {
7
+
8
+ // Fixed grid
9
+ @include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
10
+
11
+ // Fluid grid
12
+ @include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
13
+
14
+ // Input grid
15
+ @include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
16
+
17
+ // Thumbnails
18
+ .thumbnails {
19
+ margin-right: -$gridGutterWidth1200;
20
+ }
21
+ .thumbnails > li {
22
+ margin-right: $gridGutterWidth1200;
23
+ }
24
+ .row-fluid .thumbnails {
25
+ margin-right: 0;
26
+ }
27
+
28
+ }
@@ -0,0 +1,193 @@
1
+ //
2
+ // Responsive: Landscape phone to desktop/tablet
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (max-width: 767px) {
7
+
8
+ // Padding to set content in a bit
9
+ body {
10
+ padding-right: 20px;
11
+ padding-left: 20px;
12
+ }
13
+ // Negative indent the now static "fixed" navbar
14
+ .navbar-fixed-top,
15
+ .navbar-fixed-bottom,
16
+ .navbar-static-top {
17
+ margin-right: -20px;
18
+ margin-left: -20px;
19
+ }
20
+ // Remove padding on container given explicit padding set on body
21
+ .container-fluid {
22
+ padding: 0;
23
+ }
24
+
25
+ // TYPOGRAPHY
26
+ // ----------
27
+ // Reset horizontal dl
28
+ .dl-horizontal {
29
+ dt {
30
+ float: none;
31
+ clear: none;
32
+ width: auto;
33
+ text-align: right;
34
+ }
35
+ dd {
36
+ margin-right: 0;
37
+ }
38
+ }
39
+
40
+ // GRID & CONTAINERS
41
+ // -----------------
42
+ // Remove width from containers
43
+ .container {
44
+ width: auto;
45
+ }
46
+ // Fluid rows
47
+ .row-fluid {
48
+ width: 100%;
49
+ }
50
+ // Undo negative margin on rows and thumbnails
51
+ .row,
52
+ .thumbnails {
53
+ margin-right: 0;
54
+ }
55
+ .thumbnails > li {
56
+ float: none;
57
+ margin-right: 0; // Reset the default margin for all li elements when no .span* classes are present
58
+ }
59
+ // Make all grid-sized elements block level again
60
+ [class*="span"],
61
+ .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62
+ .row-fluid [class*="span"] {
63
+ float: none;
64
+ display: block;
65
+ width: 100%;
66
+ margin-right: 0;
67
+ @include box-sizing(border-box);
68
+ }
69
+ .span12,
70
+ .row-fluid .span12 {
71
+ width: 100%;
72
+ @include box-sizing(border-box);
73
+ }
74
+ .row-fluid [class*="offset"]:first-child {
75
+ margin-right: 0;
76
+ }
77
+
78
+ // FORM FIELDS
79
+ // -----------
80
+ // Make span* classes full width
81
+ .input-large,
82
+ .input-xlarge,
83
+ .input-xxlarge,
84
+ input[class*="span"],
85
+ select[class*="span"],
86
+ textarea[class*="span"],
87
+ .uneditable-input {
88
+ @include input-block-level();
89
+ }
90
+ // But don't let it screw up prepend/append inputs
91
+ .input-prepend input,
92
+ .input-append input,
93
+ .input-prepend input[class*="span"],
94
+ .input-append input[class*="span"] {
95
+ display: inline-block; // redeclare so they don't wrap to new lines
96
+ width: auto;
97
+ }
98
+ .controls-row [class*="span"] + [class*="span"] {
99
+ margin-right: 0;
100
+ }
101
+
102
+ // Modals
103
+ .modal {
104
+ position: fixed;
105
+ top: 20px;
106
+ right: 20px;
107
+ left: 20px;
108
+ width: auto;
109
+ margin: 0;
110
+ &.fade { top: -100px; }
111
+ &.fade.in { top: 20px; }
112
+ }
113
+
114
+ }
115
+
116
+
117
+
118
+ // UP TO LANDSCAPE PHONE
119
+ // ---------------------
120
+
121
+ @media (max-width: 480px) {
122
+
123
+ // Smooth out the collapsing/expanding nav
124
+ .nav-collapse {
125
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126
+ }
127
+
128
+ // Block level the page header small tag for readability
129
+ .page-header h1 small {
130
+ display: block;
131
+ line-height: $baseLineHeight;
132
+ }
133
+
134
+ // Update checkboxes for iOS
135
+ input[type="checkbox"],
136
+ input[type="radio"] {
137
+ border: 1px solid #ccc;
138
+ }
139
+
140
+ // Remove the horizontal form styles
141
+ .form-horizontal {
142
+ .control-label {
143
+ float: none;
144
+ width: auto;
145
+ padding-top: 0;
146
+ text-align: right;
147
+ }
148
+ // Move over all input controls and content
149
+ .controls {
150
+ margin-right: 0;
151
+ }
152
+ // Move the options list down to align with labels
153
+ .control-list {
154
+ padding-top: 0; // has to be padding because margin collaspes
155
+ }
156
+ // Move over buttons in .form-actions to align with .controls
157
+ .form-actions {
158
+ padding-right: 10px;
159
+ padding-left: 10px;
160
+ }
161
+ }
162
+
163
+ // Medias
164
+ // Reset float and spacing to stack
165
+ .media .pull-left,
166
+ .media .pull-right {
167
+ float: none;
168
+ display: block;
169
+ margin-bottom: 10px;
170
+ }
171
+ // Remove side margins since we stack instead of indent
172
+ .media-object {
173
+ margin-left: 0;
174
+ margin-right: 0;
175
+ }
176
+
177
+ // Modals
178
+ .modal {
179
+ top: 10px;
180
+ right: 10px;
181
+ left: 10px;
182
+ }
183
+ .modal-header .close {
184
+ padding: 10px;
185
+ margin: -10px;
186
+ }
187
+
188
+ // Carousel
189
+ .carousel-caption {
190
+ position: static;
191
+ }
192
+
193
+ }
@@ -0,0 +1,19 @@
1
+ //
2
+ // Responsive: Tablet to desktop
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 768px) and (max-width: 979px) {
7
+
8
+ // Fixed grid
9
+ @include grid-core($gridColumnWidth768, $gridGutterWidth768);
10
+
11
+ // Fluid grid
12
+ @include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
13
+
14
+ // Input grid
15
+ @include grid-input($gridColumnWidth768, $gridGutterWidth768);
16
+
17
+ // No need to reset .thumbnails here since it's the same $gridGutterWidth
18
+
19
+ }
@@ -0,0 +1,189 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+
6
+ // TABLETS AND BELOW
7
+ // -----------------
8
+ @media (max-width: $navbarCollapseWidth) {
9
+
10
+ // UNFIX THE TOPBAR
11
+ // ----------------
12
+ // Remove any padding from the body
13
+ body {
14
+ padding-top: 0;
15
+ }
16
+ // Unfix the navbars
17
+ .navbar-fixed-top,
18
+ .navbar-fixed-bottom {
19
+ position: static;
20
+ }
21
+ .navbar-fixed-top {
22
+ margin-bottom: $baseLineHeight;
23
+ }
24
+ .navbar-fixed-bottom {
25
+ margin-top: $baseLineHeight;
26
+ }
27
+ .navbar-fixed-top .navbar-inner,
28
+ .navbar-fixed-bottom .navbar-inner {
29
+ padding: 5px;
30
+ }
31
+ .navbar .container {
32
+ width: auto;
33
+ padding: 0;
34
+ }
35
+ // Account for brand name
36
+ .navbar .brand {
37
+ padding-right: 10px;
38
+ padding-left: 10px;
39
+ margin: 0 -5px 0 0;
40
+ }
41
+
42
+ // COLLAPSIBLE NAVBAR
43
+ // ------------------
44
+ // Nav collapse clears brand
45
+ .nav-collapse {
46
+ clear: both;
47
+ }
48
+ // Block-level the nav
49
+ .nav-collapse .nav {
50
+ float: none;
51
+ margin: 0 0 ($baseLineHeight / 2);
52
+ }
53
+ .nav-collapse .nav > li {
54
+ float: none;
55
+ }
56
+ .nav-collapse .nav > li > a {
57
+ margin-bottom: 2px;
58
+ }
59
+ .nav-collapse .nav > .divider-vertical {
60
+ display: none;
61
+ }
62
+ .nav-collapse .nav .nav-header {
63
+ color: $navbarText;
64
+ text-shadow: none;
65
+ }
66
+ // Nav and dropdown links in navbar
67
+ .nav-collapse .nav > li > a,
68
+ .nav-collapse .dropdown-menu a {
69
+ padding: 9px 15px;
70
+ font-weight: bold;
71
+ color: $navbarLinkColor;
72
+ @include border-radius(3px);
73
+ }
74
+ // Buttons
75
+ .nav-collapse .btn {
76
+ padding: 4px 10px 4px;
77
+ font-weight: normal;
78
+ @include border-radius($baseBorderRadius);
79
+ }
80
+ .nav-collapse .dropdown-menu li + li a {
81
+ margin-bottom: 2px;
82
+ }
83
+ .nav-collapse .nav > li > a:hover,
84
+ .nav-collapse .nav > li > a:focus,
85
+ .nav-collapse .dropdown-menu a:hover,
86
+ .nav-collapse .dropdown-menu a:focus {
87
+ background-color: $navbarBackground;
88
+ }
89
+ .navbar-inverse .nav-collapse .nav > li > a,
90
+ .navbar-inverse .nav-collapse .dropdown-menu a {
91
+ color: $navbarInverseLinkColor;
92
+ }
93
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
94
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
95
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
96
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
97
+ background-color: $navbarInverseBackground;
98
+ }
99
+ // Buttons in the navbar
100
+ .nav-collapse.in .btn-group {
101
+ margin-top: 5px;
102
+ padding: 0;
103
+ }
104
+ // Dropdowns in the navbar
105
+ .nav-collapse .dropdown-menu {
106
+ position: static;
107
+ top: auto;
108
+ right: auto;
109
+ float: none;
110
+ display: none;
111
+ max-width: none;
112
+ margin: 0 15px;
113
+ padding: 0;
114
+ background-color: transparent;
115
+ border: none;
116
+ @include border-radius(0);
117
+ @include box-shadow(none);
118
+ }
119
+ .nav-collapse .open > .dropdown-menu {
120
+ display: block;
121
+ }
122
+
123
+ .nav-collapse .dropdown-menu:before,
124
+ .nav-collapse .dropdown-menu:after {
125
+ display: none;
126
+ }
127
+ .nav-collapse .dropdown-menu .divider {
128
+ display: none;
129
+ }
130
+ .nav-collapse .nav > li > .dropdown-menu {
131
+ &:before,
132
+ &:after {
133
+ display: none;
134
+ }
135
+ }
136
+ // Forms in navbar
137
+ .nav-collapse .navbar-form,
138
+ .nav-collapse .navbar-search {
139
+ float: none;
140
+ padding: ($baseLineHeight / 2) 15px;
141
+ margin: ($baseLineHeight / 2) 0;
142
+ border-top: 1px solid $navbarBackground;
143
+ border-bottom: 1px solid $navbarBackground;
144
+ @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1));
145
+ }
146
+ .navbar-inverse .nav-collapse .navbar-form,
147
+ .navbar-inverse .nav-collapse .navbar-search {
148
+ border-top-color: $navbarInverseBackground;
149
+ border-bottom-color: $navbarInverseBackground;
150
+ }
151
+ // Pull left (secondary) nav content
152
+ .navbar .nav-collapse .nav.pull-right {
153
+ float: none;
154
+ margin-right: 0;
155
+ }
156
+ // Hide everything in the navbar save .brand and toggle button */
157
+ .nav-collapse,
158
+ .nav-collapse.collapse {
159
+ overflow: hidden;
160
+ height: 0;
161
+ }
162
+ // Navbar button
163
+ .navbar .btn-navbar {
164
+ display: block;
165
+ }
166
+
167
+ // STATIC NAVBAR
168
+ // -------------
169
+ .navbar-static .navbar-inner {
170
+ padding-right: 10px;
171
+ padding-left: 10px;
172
+ }
173
+
174
+
175
+ }
176
+
177
+
178
+ // DEFAULT DESKTOP
179
+ // ---------------
180
+
181
+ @media (min-width: $navbarCollapseDesktopWidth) {
182
+
183
+ // Required to make the collapsing navbar work on regular desktops
184
+ .nav-collapse.collapse {
185
+ height: auto !important;
186
+ overflow: visible !important;
187
+ }
188
+
189
+ }
@@ -0,0 +1,74 @@
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // IE10 Metro responsive
7
+ // Required for Windows 8 Metro split-screen snapping with IE10
8
+ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
+ @-ms-viewport{
10
+ width: device-width;
11
+ }
12
+
13
+ // Hide from screenreaders and browsers
14
+ // Credit: HTML5 Boilerplate
15
+ .hidden {
16
+ display: none;
17
+ visibility: hidden;
18
+ }
19
+
20
+ // Visibility utilities
21
+
22
+ // For desktops
23
+ .visible-phone { display: none !important; }
24
+ .visible-tablet { display: none !important; }
25
+ .hidden-phone { }
26
+ .hidden-tablet { }
27
+ .hidden-desktop { display: none !important; }
28
+ .visible-desktop { display: inherit !important; }
29
+
30
+ // Tablets & small desktops only
31
+ @media (min-width: 768px) and (max-width: 979px) {
32
+ // Hide everything else
33
+ .hidden-desktop { display: inherit !important; }
34
+ .visible-desktop { display: none !important ; }
35
+ // Show
36
+ .visible-tablet { display: inherit !important; }
37
+ // Hide
38
+ .hidden-tablet { display: none !important; }
39
+ }
40
+
41
+ // Phones only
42
+ @media (max-width: 767px) {
43
+ // Hide everything else
44
+ .hidden-desktop { display: inherit !important; }
45
+ .visible-desktop { display: none !important; }
46
+ // Show
47
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
48
+ // Hide
49
+ .hidden-phone { display: none !important; }
50
+ }
51
+
52
+ // Print utilities
53
+ .visible-print { display: none !important; }
54
+ .hidden-print { }
55
+
56
+ @media print {
57
+ .visible-print { display: inherit !important; }
58
+ .hidden-print { display: none !important; }
59
+ }
60
+
61
+ // Clearing floats
62
+ .clearfix {
63
+ @include clearfix();
64
+ }
65
+
66
+ // Accessible yet invisible text
67
+ .hide-text {
68
+ @include hide-text();
69
+ }
70
+
71
+ // Uses box-sizing mixin, so must be defined here
72
+ .input-block-level {
73
+ @include input-block-level();
74
+ }