jabysoft-bootstrap_generators 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. checksums.yaml +7 -0
  2. data/.DS_Store +0 -0
  3. data/.gitignore +9 -0
  4. data/.rspec +2 -0
  5. data/CODE_OF_CONDUCT.md +74 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +41 -0
  9. data/Rakefile +6 -0
  10. data/app/assets/javascripts/jabysoft.js +1 -0
  11. data/app/assets/stylesheets/jabysoft.sass +38 -0
  12. data/app/assets/stylesheets/mixins.scss +68 -0
  13. data/app/views/layouts/admin.html.haml +46 -0
  14. data/app/views/layouts/application.html.haml +31 -0
  15. data/app/views/shared/_datepicker_field.html.haml +9 -0
  16. data/app/views/shared/_layout.html.haml +7 -0
  17. data/app/views/shared/_messages.html.haml +7 -0
  18. data/app/views/shared/_panel.html.haml +5 -0
  19. data/app/views/shared/_search_form.html.haml +6 -0
  20. data/app/views/shared/form/_error_messages.html.haml +6 -0
  21. data/app/views/shared/modals/_delete_confirmation.html.haml +17 -0
  22. data/bin/console +14 -0
  23. data/bin/setup +8 -0
  24. data/config/locales/en.yml +35 -0
  25. data/config/locales/pt-BR.yml +35 -0
  26. data/jabysoft-bootstrap_generators.gemspec +40 -0
  27. data/lib/generators/haml/scaffold/scaffold_generator.rb +35 -0
  28. data/lib/generators/jabysoft/setup/USAGE +19 -0
  29. data/lib/generators/jabysoft/setup/setup_generator.rb +57 -0
  30. data/lib/generators/jabysoft/setup/templates/.rspec +3 -0
  31. data/lib/generators/jabysoft/setup/templates/Gemfile +52 -0
  32. data/lib/generators/jabysoft/setup/templates/assets/stylesheets/bootstrap-variables.scss +876 -0
  33. data/lib/generators/jabysoft/setup/templates/layouts/admin.html.haml +46 -0
  34. data/lib/generators/jabysoft/setup/templates/layouts/application.html.haml +32 -0
  35. data/lib/generators/jabysoft/setup/templates/spec/rails_helper.rb +95 -0
  36. data/lib/generators/jabysoft/setup/templates/spec/spec_helper.rb +97 -0
  37. data/lib/generators/rspec/scaffold/scaffold_generator.rb +157 -0
  38. data/lib/jabysoft/bootstrap_generators.rb +15 -0
  39. data/lib/jabysoft/bootstrap_generators/version.rb +5 -0
  40. data/lib/templates/haml/scaffold/_form.html.haml +14 -0
  41. data/lib/templates/haml/scaffold/_index.html.haml +25 -0
  42. data/lib/templates/haml/scaffold/edit.html.haml +1 -0
  43. data/lib/templates/haml/scaffold/index.html.haml +1 -0
  44. data/lib/templates/haml/scaffold/new.html.haml +1 -0
  45. data/lib/templates/haml/scaffold/show.html.haml +1 -0
  46. data/lib/templates/rails/scaffold_controller/controller.rb +28 -0
  47. data/lib/templates/rspec/scaffold/controller_spec.rb +148 -0
  48. data/lib/templates/rspec/scaffold/model_spec.rb +14 -0
  49. data/lib/templates/rspec/scaffold/request_spec.rb +10 -0
  50. data/lib/templates/rspec/scaffold/routing_spec.rb +44 -0
  51. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  52. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  53. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  54. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  55. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  56. data/vendor/assets/images/.keep +0 -0
  57. data/vendor/assets/javascripts/bootstrap-sprockets.js +12 -0
  58. data/vendor/assets/javascripts/bootstrap.js +2377 -0
  59. data/vendor/assets/javascripts/bootstrap.min.js +7 -0
  60. data/vendor/assets/javascripts/bootstrap/affix.js +162 -0
  61. data/vendor/assets/javascripts/bootstrap/alert.js +94 -0
  62. data/vendor/assets/javascripts/bootstrap/button.js +125 -0
  63. data/vendor/assets/javascripts/bootstrap/carousel.js +237 -0
  64. data/vendor/assets/javascripts/bootstrap/collapse.js +212 -0
  65. data/vendor/assets/javascripts/bootstrap/dropdown.js +165 -0
  66. data/vendor/assets/javascripts/bootstrap/modal.js +339 -0
  67. data/vendor/assets/javascripts/bootstrap/popover.js +108 -0
  68. data/vendor/assets/javascripts/bootstrap/scrollspy.js +172 -0
  69. data/vendor/assets/javascripts/bootstrap/tab.js +155 -0
  70. data/vendor/assets/javascripts/bootstrap/tooltip.js +520 -0
  71. data/vendor/assets/javascripts/bootstrap/transition.js +59 -0
  72. data/vendor/assets/stylesheets/_bootstrap-compass.scss +9 -0
  73. data/vendor/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  74. data/vendor/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  75. data/vendor/assets/stylesheets/_bootstrap.scss +56 -0
  76. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  77. data/vendor/assets/stylesheets/bootstrap/_badges.scss +68 -0
  78. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  79. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  80. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  81. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +270 -0
  82. data/vendor/assets/stylesheets/bootstrap/_close.scss +36 -0
  83. data/vendor/assets/stylesheets/bootstrap/_code.scss +69 -0
  84. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  85. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +216 -0
  86. data/vendor/assets/stylesheets/bootstrap/_forms.scss +617 -0
  87. data/vendor/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  88. data/vendor/assets/stylesheets/bootstrap/_grid.scss +84 -0
  89. data/vendor/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
  90. data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
  91. data/vendor/assets/stylesheets/bootstrap/_labels.scss +66 -0
  92. data/vendor/assets/stylesheets/bootstrap/_list-group.scss +130 -0
  93. data/vendor/assets/stylesheets/bootstrap/_media.scss +66 -0
  94. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +40 -0
  95. data/vendor/assets/stylesheets/bootstrap/_modals.scss +150 -0
  96. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  97. data/vendor/assets/stylesheets/bootstrap/_navs.scss +242 -0
  98. data/vendor/assets/stylesheets/bootstrap/_normalize.scss +424 -0
  99. data/vendor/assets/stylesheets/bootstrap/_pager.scss +54 -0
  100. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +89 -0
  101. data/vendor/assets/stylesheets/bootstrap/_panels.scss +271 -0
  102. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +131 -0
  103. data/vendor/assets/stylesheets/bootstrap/_print.scss +101 -0
  104. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  105. data/vendor/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  106. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  107. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  108. data/vendor/assets/stylesheets/bootstrap/_tables.scss +234 -0
  109. data/vendor/assets/stylesheets/bootstrap/_theme.scss +291 -0
  110. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  111. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +101 -0
  112. data/vendor/assets/stylesheets/bootstrap/_type.scss +298 -0
  113. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  114. data/vendor/assets/stylesheets/bootstrap/_variables.scss +874 -0
  115. data/vendor/assets/stylesheets/bootstrap/_wells.scss +29 -0
  116. data/vendor/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  117. data/vendor/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  118. data/vendor/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  119. data/vendor/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -0
  120. data/vendor/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  121. data/vendor/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  122. data/vendor/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  123. data/vendor/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  124. data/vendor/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  125. data/vendor/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  126. data/vendor/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  127. data/vendor/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  128. data/vendor/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  129. data/vendor/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  130. data/vendor/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  131. data/vendor/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  132. data/vendor/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  133. data/vendor/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  134. data/vendor/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  135. data/vendor/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  136. data/vendor/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  137. data/vendor/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  138. data/vendor/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  139. data/vendor/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  140. data/vendor/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  141. data/vendor/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  142. data/vendor/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  143. data/vendor/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  144. data/vendor/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  145. data/vendor/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  146. metadata +316 -0
@@ -0,0 +1,54 @@
1
+ //
2
+ // Jumbotron
3
+ // --------------------------------------------------
4
+
5
+
6
+ .jumbotron {
7
+ padding-top: $jumbotron-padding;
8
+ padding-bottom: $jumbotron-padding;
9
+ margin-bottom: $jumbotron-padding;
10
+ color: $jumbotron-color;
11
+ background-color: $jumbotron-bg;
12
+
13
+ h1,
14
+ .h1 {
15
+ color: $jumbotron-heading-color;
16
+ }
17
+
18
+ p {
19
+ margin-bottom: ($jumbotron-padding / 2);
20
+ font-size: $jumbotron-font-size;
21
+ font-weight: 200;
22
+ }
23
+
24
+ > hr {
25
+ border-top-color: darken($jumbotron-bg, 10%);
26
+ }
27
+
28
+ .container &,
29
+ .container-fluid & {
30
+ border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
31
+ padding-left: ($grid-gutter-width / 2);
32
+ padding-right: ($grid-gutter-width / 2);
33
+ }
34
+
35
+ .container {
36
+ max-width: 100%;
37
+ }
38
+
39
+ @media screen and (min-width: $screen-sm-min) {
40
+ padding-top: ($jumbotron-padding * 1.6);
41
+ padding-bottom: ($jumbotron-padding * 1.6);
42
+
43
+ .container &,
44
+ .container-fluid & {
45
+ padding-left: ($jumbotron-padding * 2);
46
+ padding-right: ($jumbotron-padding * 2);
47
+ }
48
+
49
+ h1,
50
+ .h1 {
51
+ font-size: $jumbotron-heading-font-size;
52
+ }
53
+ }
54
+ }
@@ -0,0 +1,66 @@
1
+ //
2
+ // Labels
3
+ // --------------------------------------------------
4
+
5
+ .label {
6
+ display: inline;
7
+ padding: .2em .6em .3em;
8
+ font-size: 75%;
9
+ font-weight: bold;
10
+ line-height: 1;
11
+ color: $label-color;
12
+ text-align: center;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ border-radius: .25em;
16
+
17
+ // [converter] extracted a& to a.label
18
+
19
+ // Empty labels collapse automatically (not available in IE8)
20
+ &:empty {
21
+ display: none;
22
+ }
23
+
24
+ // Quick fix for labels in buttons
25
+ .btn & {
26
+ position: relative;
27
+ top: -1px;
28
+ }
29
+ }
30
+
31
+ // Add hover effects, but only for links
32
+ a.label {
33
+ &:hover,
34
+ &:focus {
35
+ color: $label-link-hover-color;
36
+ text-decoration: none;
37
+ cursor: pointer;
38
+ }
39
+ }
40
+
41
+ // Colors
42
+ // Contextual variations (linked labels get darker on :hover)
43
+
44
+ .label-default {
45
+ @include label-variant($label-default-bg);
46
+ }
47
+
48
+ .label-primary {
49
+ @include label-variant($label-primary-bg);
50
+ }
51
+
52
+ .label-success {
53
+ @include label-variant($label-success-bg);
54
+ }
55
+
56
+ .label-info {
57
+ @include label-variant($label-info-bg);
58
+ }
59
+
60
+ .label-warning {
61
+ @include label-variant($label-warning-bg);
62
+ }
63
+
64
+ .label-danger {
65
+ @include label-variant($label-danger-bg);
66
+ }
@@ -0,0 +1,130 @@
1
+ //
2
+ // List groups
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ //
8
+ // Easily usable on <ul>, <ol>, or <div>.
9
+
10
+ .list-group {
11
+ // No need to set list-style: none; since .list-group-item is block level
12
+ margin-bottom: 20px;
13
+ padding-left: 0; // reset padding because ul and ol
14
+ }
15
+
16
+
17
+ // Individual list items
18
+ //
19
+ // Use on `li`s or `div`s within the `.list-group` parent.
20
+
21
+ .list-group-item {
22
+ position: relative;
23
+ display: block;
24
+ padding: 10px 15px;
25
+ // Place the border on the list items and negative margin up for better styling
26
+ margin-bottom: -1px;
27
+ background-color: $list-group-bg;
28
+ border: 1px solid $list-group-border;
29
+
30
+ // Round the first and last items
31
+ &:first-child {
32
+ @include border-top-radius($list-group-border-radius);
33
+ }
34
+ &:last-child {
35
+ margin-bottom: 0;
36
+ @include border-bottom-radius($list-group-border-radius);
37
+ }
38
+ }
39
+
40
+
41
+ // Interactive list items
42
+ //
43
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
44
+ // Includes an extra `.active` modifier class for showing selected items.
45
+
46
+ a.list-group-item,
47
+ button.list-group-item {
48
+ color: $list-group-link-color;
49
+
50
+ .list-group-item-heading {
51
+ color: $list-group-link-heading-color;
52
+ }
53
+
54
+ // Hover state
55
+ &:hover,
56
+ &:focus {
57
+ text-decoration: none;
58
+ color: $list-group-link-hover-color;
59
+ background-color: $list-group-hover-bg;
60
+ }
61
+ }
62
+
63
+ button.list-group-item {
64
+ width: 100%;
65
+ text-align: left;
66
+ }
67
+
68
+ .list-group-item {
69
+ // Disabled state
70
+ &.disabled,
71
+ &.disabled:hover,
72
+ &.disabled:focus {
73
+ background-color: $list-group-disabled-bg;
74
+ color: $list-group-disabled-color;
75
+ cursor: $cursor-disabled;
76
+
77
+ // Force color to inherit for custom content
78
+ .list-group-item-heading {
79
+ color: inherit;
80
+ }
81
+ .list-group-item-text {
82
+ color: $list-group-disabled-text-color;
83
+ }
84
+ }
85
+
86
+ // Active class on item itself, not parent
87
+ &.active,
88
+ &.active:hover,
89
+ &.active:focus {
90
+ z-index: 2; // Place active items above their siblings for proper border styling
91
+ color: $list-group-active-color;
92
+ background-color: $list-group-active-bg;
93
+ border-color: $list-group-active-border;
94
+
95
+ // Force color to inherit for custom content
96
+ .list-group-item-heading,
97
+ .list-group-item-heading > small,
98
+ .list-group-item-heading > .small {
99
+ color: inherit;
100
+ }
101
+ .list-group-item-text {
102
+ color: $list-group-active-text-color;
103
+ }
104
+ }
105
+ }
106
+
107
+
108
+ // Contextual variants
109
+ //
110
+ // Add modifier classes to change text and background color on individual items.
111
+ // Organizationally, this must come after the `:hover` states.
112
+
113
+ @include list-group-item-variant(success, $state-success-bg, $state-success-text);
114
+ @include list-group-item-variant(info, $state-info-bg, $state-info-text);
115
+ @include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
116
+ @include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
117
+
118
+
119
+ // Custom content options
120
+ //
121
+ // Extra classes for creating well-formatted content within `.list-group-item`s.
122
+
123
+ .list-group-item-heading {
124
+ margin-top: 0;
125
+ margin-bottom: 5px;
126
+ }
127
+ .list-group-item-text {
128
+ margin-bottom: 0;
129
+ line-height: 1.3;
130
+ }
@@ -0,0 +1,66 @@
1
+ .media {
2
+ // Proper spacing between instances of .media
3
+ margin-top: 15px;
4
+
5
+ &:first-child {
6
+ margin-top: 0;
7
+ }
8
+ }
9
+
10
+ .media,
11
+ .media-body {
12
+ zoom: 1;
13
+ overflow: hidden;
14
+ }
15
+
16
+ .media-body {
17
+ width: 10000px;
18
+ }
19
+
20
+ .media-object {
21
+ display: block;
22
+
23
+ // Fix collapse in webkit from max-width: 100% and display: table-cell.
24
+ &.img-thumbnail {
25
+ max-width: none;
26
+ }
27
+ }
28
+
29
+ .media-right,
30
+ .media > .pull-right {
31
+ padding-left: 10px;
32
+ }
33
+
34
+ .media-left,
35
+ .media > .pull-left {
36
+ padding-right: 10px;
37
+ }
38
+
39
+ .media-left,
40
+ .media-right,
41
+ .media-body {
42
+ display: table-cell;
43
+ vertical-align: top;
44
+ }
45
+
46
+ .media-middle {
47
+ vertical-align: middle;
48
+ }
49
+
50
+ .media-bottom {
51
+ vertical-align: bottom;
52
+ }
53
+
54
+ // Reset margins on headings for tighter default spacing
55
+ .media-heading {
56
+ margin-top: 0;
57
+ margin-bottom: 5px;
58
+ }
59
+
60
+ // Media list variation
61
+ //
62
+ // Undo default ul/ol styles
63
+ .media-list {
64
+ padding-left: 0;
65
+ list-style: none;
66
+ }
@@ -0,0 +1,40 @@
1
+ // Mixins
2
+ // --------------------------------------------------
3
+
4
+ // Utilities
5
+ @import "mixins/hide-text";
6
+ @import "mixins/opacity";
7
+ @import "mixins/image";
8
+ @import "mixins/labels";
9
+ @import "mixins/reset-filter";
10
+ @import "mixins/resize";
11
+ @import "mixins/responsive-visibility";
12
+ @import "mixins/size";
13
+ @import "mixins/tab-focus";
14
+ @import "mixins/reset-text";
15
+ @import "mixins/text-emphasis";
16
+ @import "mixins/text-overflow";
17
+ @import "mixins/vendor-prefixes";
18
+
19
+ // Components
20
+ @import "mixins/alerts";
21
+ @import "mixins/buttons";
22
+ @import "mixins/panels";
23
+ @import "mixins/pagination";
24
+ @import "mixins/list-group";
25
+ @import "mixins/nav-divider";
26
+ @import "mixins/forms";
27
+ @import "mixins/progress-bar";
28
+ @import "mixins/table-row";
29
+
30
+ // Skins
31
+ @import "mixins/background-variant";
32
+ @import "mixins/border-radius";
33
+ @import "mixins/gradients";
34
+
35
+ // Layout
36
+ @import "mixins/clearfix";
37
+ @import "mixins/center-block";
38
+ @import "mixins/nav-vertical-align";
39
+ @import "mixins/grid-framework";
40
+ @import "mixins/grid";
@@ -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
+ @include translate(0, -25%);
34
+ @include transition-transform(0.3s ease-out);
35
+ }
36
+ &.in .modal-dialog { @include translate(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
+ @include 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 { @include opacity(0); }
74
+ &.in { @include 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
+ @include clearfix;
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
+ @include clearfix; // 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
+ @include 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
+ }