mumuki-styles 1.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (161) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +117 -0
  3. data/Rakefile +2 -0
  4. data/app/assets/fonts/FontAwesome.otf +0 -0
  5. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  6. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  7. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  8. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  9. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  10. data/app/assets/fonts/dev-awesome/svg/colored/bash.svg +58 -0
  11. data/app/assets/fonts/dev-awesome/svg/colored/c.svg +82 -0
  12. data/app/assets/fonts/dev-awesome/svg/colored/code.svg +57 -0
  13. data/app/assets/fonts/dev-awesome/svg/colored/cpp.svg +67 -0
  14. data/app/assets/fonts/dev-awesome/svg/colored/css.svg +112 -0
  15. data/app/assets/fonts/dev-awesome/svg/colored/elixir.svg +86 -0
  16. data/app/assets/fonts/dev-awesome/svg/colored/gobstones.svg +3287 -0
  17. data/app/assets/fonts/dev-awesome/svg/colored/haskell.svg +76 -0
  18. data/app/assets/fonts/dev-awesome/svg/colored/html.svg +112 -0
  19. data/app/assets/fonts/dev-awesome/svg/colored/java.svg +85 -0
  20. data/app/assets/fonts/dev-awesome/svg/colored/javascript.svg +65 -0
  21. data/app/assets/fonts/dev-awesome/svg/colored/mongodb.svg +255 -0
  22. data/app/assets/fonts/dev-awesome/svg/colored/mumuki-circle.svg +132 -0
  23. data/app/assets/fonts/dev-awesome/svg/colored/mumuki.svg +78 -0
  24. data/app/assets/fonts/dev-awesome/svg/colored/prolog.svg +296 -0
  25. data/app/assets/fonts/dev-awesome/svg/colored/python.svg +61 -0
  26. data/app/assets/fonts/dev-awesome/svg/colored/qsim.svg +110 -0
  27. data/app/assets/fonts/dev-awesome/svg/colored/ruby.svg +105 -0
  28. data/app/assets/fonts/dev-awesome/svg/colored/sql.svg +124 -0
  29. data/app/assets/fonts/dev-awesome/svg/colored/text.svg +57 -0
  30. data/app/assets/fonts/dev-awesome/svg/colored/wollok.svg +83 -0
  31. data/app/assets/fonts/dev-awesome-hinted.ttf +0 -0
  32. data/app/assets/fonts/dev-awesome.eot +0 -0
  33. data/app/assets/fonts/dev-awesome.svg +139 -0
  34. data/app/assets/fonts/dev-awesome.ttf +0 -0
  35. data/app/assets/fonts/dev-awesome.woff +0 -0
  36. data/app/assets/fonts/dev-awesome.woff2 +0 -0
  37. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  38. data/app/assets/fonts/fontawesome-webfont.svg +2671 -0
  39. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  40. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  41. data/app/assets/fonts/fontawesome-webfont.woff2 +0 -0
  42. data/app/assets/javascripts/mumuki-styles.js +12767 -0
  43. data/app/assets/stylesheets/_broken.scss +8 -0
  44. data/app/assets/stylesheets/_browser.scss +45 -0
  45. data/app/assets/stylesheets/_colors.scss +54 -0
  46. data/app/assets/stylesheets/_fonts.scss +9 -0
  47. data/app/assets/stylesheets/_footer.scss +18 -0
  48. data/app/assets/stylesheets/_hovers.scss +15 -0
  49. data/app/assets/stylesheets/_mixines.scss +6 -0
  50. data/app/assets/stylesheets/_modules.scss +8 -0
  51. data/app/assets/stylesheets/_mu-file-browser.scss +97 -0
  52. data/app/assets/stylesheets/_navbar.scss +99 -0
  53. data/app/assets/stylesheets/_styles.scss +14 -0
  54. data/app/assets/stylesheets/_vendor.scss +7 -0
  55. data/app/assets/stylesheets/bootswatch/_bootswatch.scss +330 -0
  56. data/app/assets/stylesheets/bootswatch/_variables.scss +870 -0
  57. data/app/assets/stylesheets/modules/_breadcrumb.scss +16 -0
  58. data/app/assets/stylesheets/modules/_callout.scss +40 -0
  59. data/app/assets/stylesheets/modules/_checkbox.scss +65 -0
  60. data/app/assets/stylesheets/modules/_conversation.scss +213 -0
  61. data/app/assets/stylesheets/modules/_follow_us.scss +16 -0
  62. data/app/assets/stylesheets/modules/_highlight.scss +99 -0
  63. data/app/assets/stylesheets/modules/_new_message.scss +42 -0
  64. data/app/assets/stylesheets/modules/_notification.scss +15 -0
  65. data/app/assets/stylesheets/mumuki-styles.css +9526 -0
  66. data/app/assets/stylesheets/mumuki-styles.scss +11 -0
  67. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.scss +245 -0
  68. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/bootstrap.scss +3 -0
  69. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/build.scss +6 -0
  70. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-compass.scss +9 -0
  71. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  72. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  73. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss +56 -0
  74. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  75. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss +68 -0
  76. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  77. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  78. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  79. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_carousel.scss +270 -0
  80. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss +36 -0
  81. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss +69 -0
  82. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  83. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns.scss +216 -0
  84. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss +617 -0
  85. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  86. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss +84 -0
  87. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
  88. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
  89. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss +66 -0
  90. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_list-group.scss +130 -0
  91. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss +66 -0
  92. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss +40 -0
  93. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_modals.scss +150 -0
  94. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  95. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navs.scss +242 -0
  96. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_normalize.scss +424 -0
  97. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss +54 -0
  98. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pagination.scss +89 -0
  99. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_panels.scss +271 -0
  100. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_popovers.scss +131 -0
  101. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_print.scss +101 -0
  102. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  103. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  104. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  105. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  106. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tables.scss +234 -0
  107. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_theme.scss +291 -0
  108. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  109. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip.scss +101 -0
  110. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_type.scss +298 -0
  111. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  112. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss +874 -0
  113. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss +29 -0
  114. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  115. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  116. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  117. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -0
  118. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  119. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  120. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  121. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  122. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  123. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  124. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  125. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  126. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  127. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  128. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  129. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  130. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  131. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  132. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  133. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  134. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  135. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  136. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  137. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  138. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  139. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  140. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  141. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  142. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  143. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  144. data/app/assets/stylesheets/vendor/dev-awesome/dist/scss/_dev-awesome.scss +240 -0
  145. data/app/assets/stylesheets/vendor/font-awesome/scss/_animated.scss +34 -0
  146. data/app/assets/stylesheets/vendor/font-awesome/scss/_bordered-pulled.scss +25 -0
  147. data/app/assets/stylesheets/vendor/font-awesome/scss/_core.scss +12 -0
  148. data/app/assets/stylesheets/vendor/font-awesome/scss/_fixed-width.scss +6 -0
  149. data/app/assets/stylesheets/vendor/font-awesome/scss/_icons.scss +789 -0
  150. data/app/assets/stylesheets/vendor/font-awesome/scss/_larger.scss +13 -0
  151. data/app/assets/stylesheets/vendor/font-awesome/scss/_list.scss +19 -0
  152. data/app/assets/stylesheets/vendor/font-awesome/scss/_mixins.scss +60 -0
  153. data/app/assets/stylesheets/vendor/font-awesome/scss/_path.scss +15 -0
  154. data/app/assets/stylesheets/vendor/font-awesome/scss/_rotated-flipped.scss +20 -0
  155. data/app/assets/stylesheets/vendor/font-awesome/scss/_screen-reader.scss +5 -0
  156. data/app/assets/stylesheets/vendor/font-awesome/scss/_stacked.scss +20 -0
  157. data/app/assets/stylesheets/vendor/font-awesome/scss/_variables.scss +800 -0
  158. data/app/assets/stylesheets/vendor/font-awesome/scss/font-awesome.scss +18 -0
  159. data/lib/mumuki/styles/version.rb +5 -0
  160. data/lib/mumuki/styles.rb +8 -0
  161. metadata +231 -0
@@ -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
+ }