bootstrap_farsi 3.2.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +14 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +100 -0
  6. data/Rakefile +2 -0
  7. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  8. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +229 -0
  9. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  10. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  11. data/app/assets/javascripts/twitter/bootstrap.js +6 -0
  12. data/app/assets/javascripts/twitter/bootstrap/.DS_Store +0 -0
  13. data/app/assets/javascripts/twitter/bootstrap/affix.js +142 -0
  14. data/app/assets/javascripts/twitter/bootstrap/alert.js +92 -0
  15. data/app/assets/javascripts/twitter/bootstrap/button.js +110 -0
  16. data/app/assets/javascripts/twitter/bootstrap/carousel.js +223 -0
  17. data/app/assets/javascripts/twitter/bootstrap/collapse.js +170 -0
  18. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +151 -0
  19. data/app/assets/javascripts/twitter/bootstrap/modal.js +280 -0
  20. data/app/assets/javascripts/twitter/bootstrap/popover.js +113 -0
  21. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +170 -0
  22. data/app/assets/javascripts/twitter/bootstrap/tab.js +128 -0
  23. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +457 -0
  24. data/app/assets/javascripts/twitter/bootstrap/transition.js +59 -0
  25. data/app/frameworks/twitter/bootstrap/alerts.less +68 -0
  26. data/app/frameworks/twitter/bootstrap/badges.less +55 -0
  27. data/app/frameworks/twitter/bootstrap/bi-app/bi-app-ltr.less +12 -0
  28. data/app/frameworks/twitter/bootstrap/bi-app/bi-app-rtl.less +16 -0
  29. data/app/frameworks/twitter/bootstrap/bi-app/mixins.less +326 -0
  30. data/app/frameworks/twitter/bootstrap/bi-app/variables-ltr.less +16 -0
  31. data/app/frameworks/twitter/bootstrap/bi-app/variables-rtl.less +16 -0
  32. data/app/frameworks/twitter/bootstrap/bootstrap.less +53 -0
  33. data/app/frameworks/twitter/bootstrap/breadcrumbs.less +26 -0
  34. data/app/frameworks/twitter/bootstrap/button-groups.less +240 -0
  35. data/app/frameworks/twitter/bootstrap/buttons.less +157 -0
  36. data/app/frameworks/twitter/bootstrap/carousel.less +241 -0
  37. data/app/frameworks/twitter/bootstrap/close.less +33 -0
  38. data/app/frameworks/twitter/bootstrap/code.less +69 -0
  39. data/app/frameworks/twitter/bootstrap/component-animations.less +31 -0
  40. data/app/frameworks/twitter/bootstrap/dropdowns.less +215 -0
  41. data/app/frameworks/twitter/bootstrap/forms.less +540 -0
  42. data/app/frameworks/twitter/bootstrap/glyphicons.less +233 -0
  43. data/app/frameworks/twitter/bootstrap/grid.less +84 -0
  44. data/app/frameworks/twitter/bootstrap/input-groups.less +166 -0
  45. data/app/frameworks/twitter/bootstrap/jumbotron.less +48 -0
  46. data/app/frameworks/twitter/bootstrap/labels.less +64 -0
  47. data/app/frameworks/twitter/bootstrap/list-group.less +131 -0
  48. data/app/frameworks/twitter/bootstrap/media.less +56 -0
  49. data/app/frameworks/twitter/bootstrap/mixins.less +39 -0
  50. data/app/frameworks/twitter/bootstrap/mixins/alerts.less +14 -0
  51. data/app/frameworks/twitter/bootstrap/mixins/background-variant.less +8 -0
  52. data/app/frameworks/twitter/bootstrap/mixins/border-radius.less +10 -0
  53. data/app/frameworks/twitter/bootstrap/mixins/buttons.less +50 -0
  54. data/app/frameworks/twitter/bootstrap/mixins/center-block.less +7 -0
  55. data/app/frameworks/twitter/bootstrap/mixins/clearfix.less +22 -0
  56. data/app/frameworks/twitter/bootstrap/mixins/forms.less +81 -0
  57. data/app/frameworks/twitter/bootstrap/mixins/gradients.less +59 -0
  58. data/app/frameworks/twitter/bootstrap/mixins/grid-framework.less +91 -0
  59. data/app/frameworks/twitter/bootstrap/mixins/grid.less +122 -0
  60. data/app/frameworks/twitter/bootstrap/mixins/hide-text.less +21 -0
  61. data/app/frameworks/twitter/bootstrap/mixins/image.less +34 -0
  62. data/app/frameworks/twitter/bootstrap/mixins/labels.less +12 -0
  63. data/app/frameworks/twitter/bootstrap/mixins/list-group.less +29 -0
  64. data/app/frameworks/twitter/bootstrap/mixins/nav-divider.less +10 -0
  65. data/app/frameworks/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  66. data/app/frameworks/twitter/bootstrap/mixins/opacity.less +8 -0
  67. data/app/frameworks/twitter/bootstrap/mixins/pagination.less +23 -0
  68. data/app/frameworks/twitter/bootstrap/mixins/panels.less +24 -0
  69. data/app/frameworks/twitter/bootstrap/mixins/progress-bar.less +10 -0
  70. data/app/frameworks/twitter/bootstrap/mixins/reset-filter.less +8 -0
  71. data/app/frameworks/twitter/bootstrap/mixins/resize.less +6 -0
  72. data/app/frameworks/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  73. data/app/frameworks/twitter/bootstrap/mixins/size.less +10 -0
  74. data/app/frameworks/twitter/bootstrap/mixins/tab-focus.less +9 -0
  75. data/app/frameworks/twitter/bootstrap/mixins/table-row.less +28 -0
  76. data/app/frameworks/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  77. data/app/frameworks/twitter/bootstrap/mixins/text-overflow.less +8 -0
  78. data/app/frameworks/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  79. data/app/frameworks/twitter/bootstrap/modals.less +150 -0
  80. data/app/frameworks/twitter/bootstrap/navbar.less +655 -0
  81. data/app/frameworks/twitter/bootstrap/navs.less +242 -0
  82. data/app/frameworks/twitter/bootstrap/normalize.less +425 -0
  83. data/app/frameworks/twitter/bootstrap/pager.less +55 -0
  84. data/app/frameworks/twitter/bootstrap/pagination.less +88 -0
  85. data/app/frameworks/twitter/bootstrap/panels.less +243 -0
  86. data/app/frameworks/twitter/bootstrap/popovers.less +133 -0
  87. data/app/frameworks/twitter/bootstrap/print.less +101 -0
  88. data/app/frameworks/twitter/bootstrap/progress-bars.less +105 -0
  89. data/app/frameworks/twitter/bootstrap/responsive-embed.less +34 -0
  90. data/app/frameworks/twitter/bootstrap/responsive-utilities.less +194 -0
  91. data/app/frameworks/twitter/bootstrap/scaffolding.less +150 -0
  92. data/app/frameworks/twitter/bootstrap/tables.less +233 -0
  93. data/app/frameworks/twitter/bootstrap/theme.less +258 -0
  94. data/app/frameworks/twitter/bootstrap/thumbnails.less +36 -0
  95. data/app/frameworks/twitter/bootstrap/tooltip.less +95 -0
  96. data/app/frameworks/twitter/bootstrap/type.less +313 -0
  97. data/app/frameworks/twitter/bootstrap/utilities.less +57 -0
  98. data/app/frameworks/twitter/bootstrap/variables.less +846 -0
  99. data/app/frameworks/twitter/bootstrap/wells.less +29 -0
  100. data/bootstrap_farsi.gemspec +27 -0
  101. data/lib/bootstrap_farsi.rb +7 -0
  102. data/lib/bootstrap_farsi/engine.rb +7 -0
  103. data/lib/bootstrap_farsi/version.rb +3 -0
  104. metadata +216 -0
@@ -0,0 +1,10 @@
1
+ // Horizontal dividers
2
+ //
3
+ // Dividers (basically an hr) within dropdowns and nav lists
4
+
5
+ .nav-divider(@color: #e5e5e5) {
6
+ height: 1px;
7
+ margin: ((@line-height-computed / 2) - 1) 0;
8
+ overflow: hidden;
9
+ background-color: @color;
10
+ }
@@ -0,0 +1,9 @@
1
+ // Navbar vertical align
2
+ //
3
+ // Vertically center elements in the navbar.
4
+ // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5
+
6
+ .navbar-vertical-align(@element-height) {
7
+ margin-top: ((@navbar-height - @element-height) / 2);
8
+ margin-bottom: ((@navbar-height - @element-height) / 2);
9
+ }
@@ -0,0 +1,8 @@
1
+ // Opacity
2
+
3
+ .opacity(@opacity) {
4
+ opacity: @opacity;
5
+ // IE8 filter
6
+ @opacity-ie: (@opacity * 100);
7
+ filter: ~"alpha(opacity=@{opacity-ie})";
8
+ }
@@ -0,0 +1,23 @@
1
+ // Pagination
2
+
3
+ .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
4
+ > li {
5
+ > a,
6
+ > span {
7
+ padding: @padding-vertical @padding-horizontal;
8
+ font-size: @font-size;
9
+ }
10
+ &:first-child {
11
+ > a,
12
+ > span {
13
+ .border-left-radius(@border-radius);
14
+ }
15
+ }
16
+ &:last-child {
17
+ > a,
18
+ > span {
19
+ .border-right-radius(@border-radius);
20
+ }
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,24 @@
1
+ // Panels
2
+
3
+ .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4
+ border-color: @border;
5
+
6
+ & > .panel-heading {
7
+ color: @heading-text-color;
8
+ background-color: @heading-bg-color;
9
+ border-color: @heading-border;
10
+
11
+ + .panel-collapse > .panel-body {
12
+ border-top-color: @border;
13
+ }
14
+ .badge {
15
+ color: @heading-bg-color;
16
+ background-color: @heading-text-color;
17
+ }
18
+ }
19
+ & > .panel-footer {
20
+ + .panel-collapse > .panel-body {
21
+ border-bottom-color: @border;
22
+ }
23
+ }
24
+ }
@@ -0,0 +1,10 @@
1
+ // Progress bars
2
+
3
+ .progress-bar-variant(@color) {
4
+ background-color: @color;
5
+
6
+ // Deprecated parent class requirement as of v3.2.0
7
+ .progress-striped & {
8
+ #gradient > .striped();
9
+ }
10
+ }
@@ -0,0 +1,8 @@
1
+ // Reset filters for IE
2
+ //
3
+ // When you need to remove a gradient background, do not forget to use this to reset
4
+ // the IE filter for IE9 and below.
5
+
6
+ .reset-filter() {
7
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8
+ }
@@ -0,0 +1,6 @@
1
+ // Resize anything
2
+
3
+ .resizable(@direction) {
4
+ resize: @direction; // Options: horizontal, vertical, both
5
+ overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
+ }
@@ -0,0 +1,15 @@
1
+ // Responsive utilities
2
+
3
+ //
4
+ // More easily include all the states for responsive-utilities.less.
5
+ .responsive-visibility() {
6
+ display: block !important;
7
+ table& { display: table; }
8
+ tr& { display: table-row !important; }
9
+ th&,
10
+ td& { display: table-cell !important; }
11
+ }
12
+
13
+ .responsive-invisibility() {
14
+ display: none !important;
15
+ }
@@ -0,0 +1,10 @@
1
+ // Sizing shortcuts
2
+
3
+ .size(@width; @height) {
4
+ width: @width;
5
+ height: @height;
6
+ }
7
+
8
+ .square(@size) {
9
+ .size(@size; @size);
10
+ }
@@ -0,0 +1,9 @@
1
+ // WebKit-style focus
2
+
3
+ .tab-focus() {
4
+ // Default
5
+ outline: thin dotted;
6
+ // WebKit
7
+ outline: 5px auto -webkit-focus-ring-color;
8
+ outline-offset: -2px;
9
+ }
@@ -0,0 +1,28 @@
1
+ // Tables
2
+
3
+ .table-row-variant(@state; @background) {
4
+ // Exact selectors below required to override `.table-striped` and prevent
5
+ // inheritance to nested tables.
6
+ .table > thead > tr,
7
+ .table > tbody > tr,
8
+ .table > tfoot > tr {
9
+ > td.@{state},
10
+ > th.@{state},
11
+ &.@{state} > td,
12
+ &.@{state} > th {
13
+ background-color: @background;
14
+ }
15
+ }
16
+
17
+ // Hover states for `.table-hover`
18
+ // Note: this is not available for cells or rows within `thead` or `tfoot`.
19
+ .table-hover > tbody > tr {
20
+ > td.@{state}:hover,
21
+ > th.@{state}:hover,
22
+ &.@{state}:hover > td,
23
+ &:hover > .@{state},
24
+ &.@{state}:hover > th {
25
+ background-color: darken(@background, 5%);
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,8 @@
1
+ // Typography
2
+
3
+ .text-emphasis-variant(@color) {
4
+ color: @color;
5
+ a&:hover {
6
+ color: darken(@color, 10%);
7
+ }
8
+ }
@@ -0,0 +1,8 @@
1
+ // Text overflow
2
+ // Requires inline-block or block for proper styling
3
+
4
+ .text-overflow() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
@@ -0,0 +1,224 @@
1
+ // Vendor Prefixes
2
+ //
3
+ // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
4
+ // Autoprefixer in our Gruntfile. They will be removed in v4.
5
+
6
+ // - Animations
7
+ // - Backface visibility
8
+ // - Box shadow
9
+ // - Box sizing
10
+ // - Content columns
11
+ // - Hyphens
12
+ // - Placeholder text
13
+ // - Transformations
14
+ // - Transitions
15
+ // - User Select
16
+
17
+
18
+ // Animations
19
+ .animation(@animation) {
20
+ -webkit-animation: @animation;
21
+ -o-animation: @animation;
22
+ animation: @animation;
23
+ }
24
+ .animation-name(@name) {
25
+ -webkit-animation-name: @name;
26
+ animation-name: @name;
27
+ }
28
+ .animation-duration(@duration) {
29
+ -webkit-animation-duration: @duration;
30
+ animation-duration: @duration;
31
+ }
32
+ .animation-timing-function(@timing-function) {
33
+ -webkit-animation-timing-function: @timing-function;
34
+ animation-timing-function: @timing-function;
35
+ }
36
+ .animation-delay(@delay) {
37
+ -webkit-animation-delay: @delay;
38
+ animation-delay: @delay;
39
+ }
40
+ .animation-iteration-count(@iteration-count) {
41
+ -webkit-animation-iteration-count: @iteration-count;
42
+ animation-iteration-count: @iteration-count;
43
+ }
44
+ .animation-direction(@direction) {
45
+ -webkit-animation-direction: @direction;
46
+ animation-direction: @direction;
47
+ }
48
+ .animation-fill-mode(@fill-mode) {
49
+ -webkit-animation-fill-mode: @fill-mode;
50
+ animation-fill-mode: @fill-mode;
51
+ }
52
+
53
+ // Backface visibility
54
+ // Prevent browsers from flickering when using CSS 3D transforms.
55
+ // Default value is `visible`, but can be changed to `hidden`
56
+
57
+ .backface-visibility(@visibility){
58
+ -webkit-backface-visibility: @visibility;
59
+ -moz-backface-visibility: @visibility;
60
+ backface-visibility: @visibility;
61
+ }
62
+
63
+ // Drop shadows
64
+ //
65
+ // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
66
+ // supported browsers that have box shadow capabilities now support it.
67
+
68
+ .box-shadow(@shadow) {
69
+ -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
70
+ box-shadow: @shadow;
71
+ }
72
+
73
+ // Box sizing
74
+ .box-sizing(@boxmodel) {
75
+ -webkit-box-sizing: @boxmodel;
76
+ -moz-box-sizing: @boxmodel;
77
+ box-sizing: @boxmodel;
78
+ }
79
+
80
+ // CSS3 Content Columns
81
+ .content-columns(@column-count; @column-gap: @grid-gutter-width) {
82
+ -webkit-column-count: @column-count;
83
+ -moz-column-count: @column-count;
84
+ column-count: @column-count;
85
+ -webkit-column-gap: @column-gap;
86
+ -moz-column-gap: @column-gap;
87
+ column-gap: @column-gap;
88
+ }
89
+
90
+ // Optional hyphenation
91
+ .hyphens(@mode: auto) {
92
+ word-wrap: break-word;
93
+ -webkit-hyphens: @mode;
94
+ -moz-hyphens: @mode;
95
+ -ms-hyphens: @mode; // IE10+
96
+ -o-hyphens: @mode;
97
+ hyphens: @mode;
98
+ }
99
+
100
+ // Placeholder text
101
+ .placeholder(@color: @input-color-placeholder) {
102
+ &::-moz-placeholder { color: @color; // Firefox
103
+ opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
104
+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
105
+ &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
106
+ }
107
+
108
+ // Transformations
109
+ .scale(@ratio) {
110
+ -webkit-transform: scale(@ratio);
111
+ -ms-transform: scale(@ratio); // IE9 only
112
+ -o-transform: scale(@ratio);
113
+ transform: scale(@ratio);
114
+ }
115
+ .scale(@ratioX; @ratioY) {
116
+ -webkit-transform: scale(@ratioX, @ratioY);
117
+ -ms-transform: scale(@ratioX, @ratioY); // IE9 only
118
+ -o-transform: scale(@ratioX, @ratioY);
119
+ transform: scale(@ratioX, @ratioY);
120
+ }
121
+ .scaleX(@ratio) {
122
+ -webkit-transform: scaleX(@ratio);
123
+ -ms-transform: scaleX(@ratio); // IE9 only
124
+ -o-transform: scaleX(@ratio);
125
+ transform: scaleX(@ratio);
126
+ }
127
+ .scaleY(@ratio) {
128
+ -webkit-transform: scaleY(@ratio);
129
+ -ms-transform: scaleY(@ratio); // IE9 only
130
+ -o-transform: scaleY(@ratio);
131
+ transform: scaleY(@ratio);
132
+ }
133
+ .skew(@x; @y) {
134
+ -webkit-transform: skewX(@x) skewY(@y);
135
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
136
+ -o-transform: skewX(@x) skewY(@y);
137
+ transform: skewX(@x) skewY(@y);
138
+ }
139
+ .translate(@x; @y) {
140
+ -webkit-transform: translate(@x, @y);
141
+ -ms-transform: translate(@x, @y); // IE9 only
142
+ -o-transform: translate(@x, @y);
143
+ transform: translate(@x, @y);
144
+ }
145
+ .translate3d(@x; @y; @z) {
146
+ -webkit-transform: translate3d(@x, @y, @z);
147
+ transform: translate3d(@x, @y, @z);
148
+ }
149
+ .rotate(@degrees) {
150
+ -webkit-transform: rotate(@degrees);
151
+ -ms-transform: rotate(@degrees); // IE9 only
152
+ -o-transform: rotate(@degrees);
153
+ transform: rotate(@degrees);
154
+ }
155
+ .rotateX(@degrees) {
156
+ -webkit-transform: rotateX(@degrees);
157
+ -ms-transform: rotateX(@degrees); // IE9 only
158
+ -o-transform: rotateX(@degrees);
159
+ transform: rotateX(@degrees);
160
+ }
161
+ .rotateY(@degrees) {
162
+ -webkit-transform: rotateY(@degrees);
163
+ -ms-transform: rotateY(@degrees); // IE9 only
164
+ -o-transform: rotateY(@degrees);
165
+ transform: rotateY(@degrees);
166
+ }
167
+ .perspective(@perspective) {
168
+ -webkit-perspective: @perspective;
169
+ -moz-perspective: @perspective;
170
+ perspective: @perspective;
171
+ }
172
+ .perspective-origin(@perspective) {
173
+ -webkit-perspective-origin: @perspective;
174
+ -moz-perspective-origin: @perspective;
175
+ perspective-origin: @perspective;
176
+ }
177
+ .transform-origin(@origin) {
178
+ -webkit-transform-origin: @origin;
179
+ -moz-transform-origin: @origin;
180
+ -ms-transform-origin: @origin; // IE9 only
181
+ transform-origin: @origin;
182
+ }
183
+
184
+
185
+ // Transitions
186
+
187
+ .transition(@transition) {
188
+ -webkit-transition: @transition;
189
+ -o-transition: @transition;
190
+ transition: @transition;
191
+ }
192
+ .transition-property(@transition-property) {
193
+ -webkit-transition-property: @transition-property;
194
+ transition-property: @transition-property;
195
+ }
196
+ .transition-delay(@transition-delay) {
197
+ -webkit-transition-delay: @transition-delay;
198
+ transition-delay: @transition-delay;
199
+ }
200
+ .transition-duration(@transition-duration) {
201
+ -webkit-transition-duration: @transition-duration;
202
+ transition-duration: @transition-duration;
203
+ }
204
+ .transition-timing-function(@timing-function) {
205
+ -webkit-transition-timing-function: @timing-function;
206
+ transition-timing-function: @timing-function;
207
+ }
208
+ .transition-transform(@transition) {
209
+ -webkit-transition: -webkit-transform @transition;
210
+ -moz-transition: -moz-transform @transition;
211
+ -o-transition: -o-transform @transition;
212
+ transition: transform @transition;
213
+ }
214
+
215
+
216
+ // User select
217
+ // For selecting text on the page
218
+
219
+ .user-select(@select) {
220
+ -webkit-user-select: @select;
221
+ -moz-user-select: @select;
222
+ -ms-user-select: @select; // IE10+
223
+ user-select: @select;
224
+ }
@@ -0,0 +1,150 @@
1
+ //
2
+ // Modals
3
+ // --------------------------------------------------
4
+
5
+ // .modal-open - body class for killing the scroll
6
+ // .modal - container to scroll within
7
+ // .modal-dialog - positioning shell for the actual modal
8
+ // .modal-content - actual modal w/ bg and corners and shit
9
+
10
+ // Kill the scroll on the body
11
+ .modal-open {
12
+ overflow: hidden;
13
+ }
14
+
15
+ // Container that the modal scrolls within
16
+ .modal {
17
+ display: none;
18
+ overflow: hidden;
19
+ position: fixed;
20
+ top: 0;
21
+ .right(0);
22
+ bottom: 0;
23
+ .left(0);
24
+ z-index: @zindex-modal;
25
+ -webkit-overflow-scrolling: touch;
26
+
27
+ // Prevent Chrome on Windows from adding a focus outline. For details, see
28
+ // https://github.com/twbs/bootstrap/pull/10951.
29
+ outline: 0;
30
+
31
+ // When fading in the modal, animate it to slide down
32
+ &.fade .modal-dialog {
33
+ .translate3d(0, -25%, 0);
34
+ .transition-transform(~"0.3s ease-out");
35
+ }
36
+ &.in .modal-dialog { .translate3d(0, 0, 0) }
37
+ }
38
+ .modal-open .modal {
39
+ overflow-x: hidden;
40
+ overflow-y: auto;
41
+ }
42
+
43
+ // Shell div to position the modal with bottom padding
44
+ .modal-dialog {
45
+ position: relative;
46
+ width: auto;
47
+ margin: 10px;
48
+ }
49
+
50
+ // Actual modal
51
+ .modal-content {
52
+ position: relative;
53
+ background-color: @modal-content-bg;
54
+ border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
55
+ border: 1px solid @modal-content-border-color;
56
+ border-radius: @border-radius-large;
57
+ .box-shadow(0 3px 9px rgba(0,0,0,.5));
58
+ background-clip: padding-box;
59
+ // Remove focus outline from opened modal
60
+ outline: 0;
61
+ }
62
+
63
+ // Modal background
64
+ .modal-backdrop {
65
+ position: fixed;
66
+ top: 0;
67
+ .right(0);
68
+ bottom: 0;
69
+ .left(0);
70
+ z-index: @zindex-modal-background;
71
+ background-color: @modal-backdrop-bg;
72
+ // Fade for backdrop
73
+ &.fade { .opacity(0); }
74
+ &.in { .opacity(@modal-backdrop-opacity); }
75
+ }
76
+
77
+ // Modal header
78
+ // Top section of the modal w/ title and dismiss
79
+ .modal-header {
80
+ padding: @modal-title-padding;
81
+ border-bottom: 1px solid @modal-header-border-color;
82
+ min-height: (@modal-title-padding + @modal-title-line-height);
83
+ }
84
+ // Close icon
85
+ .modal-header .close {
86
+ margin-top: -2px;
87
+ }
88
+
89
+ // Title text within header
90
+ .modal-title {
91
+ margin: 0;
92
+ line-height: @modal-title-line-height;
93
+ }
94
+
95
+ // Modal body
96
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
97
+ .modal-body {
98
+ position: relative;
99
+ padding: @modal-inner-padding;
100
+ }
101
+
102
+ // Footer (for actions)
103
+ .modal-footer {
104
+ padding: @modal-inner-padding;
105
+ .text-align(right); // right align buttons
106
+ border-top: 1px solid @modal-footer-border-color;
107
+ &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
108
+
109
+ // Properly space out buttons
110
+ .btn + .btn {
111
+ .margin-left(5px);
112
+ margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
113
+ }
114
+ // but override that for button groups
115
+ .btn-group .btn + .btn {
116
+ .margin-left(-1px);
117
+ }
118
+ // and override it for block buttons as well
119
+ .btn-block + .btn-block {
120
+ .margin-left(0);
121
+ }
122
+ }
123
+
124
+ // Measure scrollbar width for padding body during modal show/hide
125
+ .modal-scrollbar-measure {
126
+ position: absolute;
127
+ top: -9999px;
128
+ width: 50px;
129
+ height: 50px;
130
+ overflow: scroll;
131
+ }
132
+
133
+ // Scale up the modal
134
+ @media (min-width: @screen-sm-min) {
135
+ // Automatically set modal's width for larger viewports
136
+ .modal-dialog {
137
+ width: @modal-md;
138
+ margin: 30px auto;
139
+ }
140
+ .modal-content {
141
+ .box-shadow(0 5px 15px rgba(0,0,0,.5));
142
+ }
143
+
144
+ // Modal sizes
145
+ .modal-sm { width: @modal-sm; }
146
+ }
147
+
148
+ @media (min-width: @screen-md-min) {
149
+ .modal-lg { width: @modal-lg; }
150
+ }