fomantic-ui-sass 2.6.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (165) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +27 -0
  3. data/.rspec +1 -0
  4. data/.travis.yml +5 -0
  5. data/CHANGELOG.md +370 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +22 -0
  8. data/README.md +177 -0
  9. data/Rakefile +8 -0
  10. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  11. data/app/assets/fonts/semantic-ui/brand-icons.svg +1008 -0
  12. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  13. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  16. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  17. data/app/assets/fonts/semantic-ui/icons.svg +1518 -0
  18. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  19. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  20. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  21. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  22. data/app/assets/fonts/semantic-ui/outline-icons.svg +366 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  24. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  25. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  26. data/app/assets/images/semantic-ui/flags.png +0 -0
  27. data/app/assets/javascripts/semantic-ui.js +27 -0
  28. data/app/assets/javascripts/semantic-ui/accordion.js +613 -0
  29. data/app/assets/javascripts/semantic-ui/api.js +1167 -0
  30. data/app/assets/javascripts/semantic-ui/calendar.js +1476 -0
  31. data/app/assets/javascripts/semantic-ui/checkbox.js +828 -0
  32. data/app/assets/javascripts/semantic-ui/colorize.js +280 -0
  33. data/app/assets/javascripts/semantic-ui/dimmer.js +735 -0
  34. data/app/assets/javascripts/semantic-ui/dropdown.js +4030 -0
  35. data/app/assets/javascripts/semantic-ui/embed.js +706 -0
  36. data/app/assets/javascripts/semantic-ui/form.js +1707 -0
  37. data/app/assets/javascripts/semantic-ui/modal.js +1090 -0
  38. data/app/assets/javascripts/semantic-ui/nag.js +507 -0
  39. data/app/assets/javascripts/semantic-ui/popup.js +1532 -0
  40. data/app/assets/javascripts/semantic-ui/progress.js +923 -0
  41. data/app/assets/javascripts/semantic-ui/range.js +278 -0
  42. data/app/assets/javascripts/semantic-ui/rating.js +511 -0
  43. data/app/assets/javascripts/semantic-ui/search.js +1515 -0
  44. data/app/assets/javascripts/semantic-ui/shape.js +921 -0
  45. data/app/assets/javascripts/semantic-ui/sidebar.js +1033 -0
  46. data/app/assets/javascripts/semantic-ui/site.js +490 -0
  47. data/app/assets/javascripts/semantic-ui/state.js +708 -0
  48. data/app/assets/javascripts/semantic-ui/sticky.js +959 -0
  49. data/app/assets/javascripts/semantic-ui/tab.js +952 -0
  50. data/app/assets/javascripts/semantic-ui/toast.js +592 -0
  51. data/app/assets/javascripts/semantic-ui/transition.js +1106 -0
  52. data/app/assets/javascripts/semantic-ui/video.js +532 -0
  53. data/app/assets/javascripts/semantic-ui/visibility.js +1311 -0
  54. data/app/assets/javascripts/semantic-ui/visit.js +525 -0
  55. data/app/assets/stylesheets/semantic-ui.scss +5 -0
  56. data/app/assets/stylesheets/semantic-ui/collections/_all.scss +6 -0
  57. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +124 -0
  58. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1158 -0
  59. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +2093 -0
  60. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +2193 -0
  61. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +606 -0
  62. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1117 -0
  63. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +16 -0
  64. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +4530 -0
  65. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +145 -0
  66. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +259 -0
  67. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1036 -0
  68. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +762 -0
  69. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +6330 -0
  70. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +310 -0
  71. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +519 -0
  72. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1395 -0
  73. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +959 -0
  74. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +458 -0
  75. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +242 -0
  76. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +152 -0
  77. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +295 -0
  78. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +884 -0
  79. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +675 -0
  80. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +3 -0
  81. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +485 -0
  82. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +206 -0
  83. data/app/assets/stylesheets/semantic-ui/globals/_variables.scss +4 -0
  84. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +247 -0
  85. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +20 -0
  86. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +165 -0
  87. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +718 -0
  88. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +464 -0
  89. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1745 -0
  90. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +165 -0
  91. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +646 -0
  92. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +148 -0
  93. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +789 -0
  94. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +523 -0
  95. data/app/assets/stylesheets/semantic-ui/modules/_range.scss +192 -0
  96. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +263 -0
  97. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +445 -0
  98. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +154 -0
  99. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +626 -0
  100. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +78 -0
  101. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +92 -0
  102. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +291 -0
  103. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +2059 -0
  104. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +125 -0
  105. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +275 -0
  106. data/app/assets/stylesheets/semantic-ui/views/_all.scss +6 -0
  107. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1124 -0
  108. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +296 -0
  109. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +314 -0
  110. data/app/assets/stylesheets/semantic-ui/views/_item.scss +555 -0
  111. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +583 -0
  112. data/app/helpers/semantic_breadcrumbs_helper.rb +10 -0
  113. data/app/helpers/semantic_flash_helper.rb +22 -0
  114. data/app/helpers/semantic_icon_helper.rb +8 -0
  115. data/app/views/semantic/_breadcrumbs.html.erb +12 -0
  116. data/fomantic-ui-sass.gemspec +31 -0
  117. data/lib/fomantic-ui-sass.rb +62 -0
  118. data/lib/fomantic/ui/sass/breadcrumbs.rb +41 -0
  119. data/lib/fomantic/ui/sass/engine.rb +23 -0
  120. data/lib/fomantic/ui/sass/version.rb +8 -0
  121. data/spec/dummy/README.rdoc +28 -0
  122. data/spec/dummy/Rakefile +6 -0
  123. data/spec/dummy/app/assets/images/.keep +0 -0
  124. data/spec/dummy/app/assets/javascripts/application.js +13 -0
  125. data/spec/dummy/app/assets/stylesheets/application.css +13 -0
  126. data/spec/dummy/app/controllers/application_controller.rb +5 -0
  127. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  128. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  129. data/spec/dummy/app/mailers/.keep +0 -0
  130. data/spec/dummy/app/models/.keep +0 -0
  131. data/spec/dummy/app/models/concerns/.keep +0 -0
  132. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  133. data/spec/dummy/bin/bundle +3 -0
  134. data/spec/dummy/bin/rails +4 -0
  135. data/spec/dummy/bin/rake +4 -0
  136. data/spec/dummy/config.ru +4 -0
  137. data/spec/dummy/config/application.rb +28 -0
  138. data/spec/dummy/config/boot.rb +5 -0
  139. data/spec/dummy/config/environment.rb +5 -0
  140. data/spec/dummy/config/environments/development.rb +29 -0
  141. data/spec/dummy/config/environments/production.rb +80 -0
  142. data/spec/dummy/config/environments/test.rb +36 -0
  143. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  144. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  145. data/spec/dummy/config/initializers/inflections.rb +16 -0
  146. data/spec/dummy/config/initializers/mime_types.rb +5 -0
  147. data/spec/dummy/config/initializers/secret_token.rb +12 -0
  148. data/spec/dummy/config/initializers/session_store.rb +3 -0
  149. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  150. data/spec/dummy/config/locales/en.yml +23 -0
  151. data/spec/dummy/config/routes.rb +2 -0
  152. data/spec/dummy/lib/assets/.keep +0 -0
  153. data/spec/dummy/log/.keep +0 -0
  154. data/spec/dummy/public/404.html +58 -0
  155. data/spec/dummy/public/422.html +58 -0
  156. data/spec/dummy/public/500.html +57 -0
  157. data/spec/dummy/public/favicon.ico +0 -0
  158. data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +38 -0
  159. data/spec/helpers/semantic_flash_helper_spec.rb +36 -0
  160. data/spec/helpers/semantic_icon_helper_spec.rb +48 -0
  161. data/spec/spec_helper.rb +17 -0
  162. data/tasks/converter.rb +216 -0
  163. data/templates/project/manifest.rb +29 -0
  164. data/templates/project/styles.scss +1 -0
  165. metadata +390 -0
@@ -0,0 +1,78 @@
1
+ /*!
2
+ * # Semantic UI 2.6.4 - Sticky
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Sticky
14
+ *******************************/
15
+
16
+ .ui.sticky {
17
+ position: static;
18
+ -webkit-transition: none;
19
+ transition: none;
20
+ z-index: 800;
21
+ }
22
+
23
+
24
+ /*******************************
25
+ States
26
+ *******************************/
27
+
28
+
29
+ /* Bound */
30
+ .ui.sticky.bound {
31
+ position: absolute;
32
+ left: auto;
33
+ right: auto;
34
+ }
35
+
36
+ /* Fixed */
37
+ .ui.sticky.fixed {
38
+ position: fixed;
39
+ left: auto;
40
+ right: auto;
41
+ }
42
+
43
+ /* Bound/Fixed Position */
44
+ .ui.sticky.bound.top,
45
+ .ui.sticky.fixed.top {
46
+ top: 0px;
47
+ bottom: auto;
48
+ }
49
+ .ui.sticky.bound.bottom,
50
+ .ui.sticky.fixed.bottom {
51
+ top: auto;
52
+ bottom: 0px;
53
+ }
54
+
55
+
56
+ /*******************************
57
+ Types
58
+ *******************************/
59
+
60
+ .ui.native.sticky {
61
+ position: -webkit-sticky;
62
+ position: -moz-sticky;
63
+ position: -ms-sticky;
64
+ position: -o-sticky;
65
+ position: sticky;
66
+ }
67
+
68
+
69
+ /*******************************
70
+ Theme Overrides
71
+ *******************************/
72
+
73
+
74
+
75
+ /*******************************
76
+ Site Overrides
77
+ *******************************/
78
+
@@ -0,0 +1,92 @@
1
+ /*!
2
+ * # Semantic UI 2.6.4 - Tab
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ UI Tabs
14
+ *******************************/
15
+
16
+ .ui.tab {
17
+ display: none;
18
+ }
19
+
20
+
21
+ /*******************************
22
+ States
23
+ *******************************/
24
+
25
+
26
+ /*--------------------
27
+ Active
28
+ ---------------------*/
29
+
30
+ .ui.tab.active,
31
+ .ui.tab.open {
32
+ display: block;
33
+ }
34
+
35
+ /*--------------------
36
+ Loading
37
+ ---------------------*/
38
+
39
+ .ui.tab.loading {
40
+ position: relative;
41
+ overflow: hidden;
42
+ display: block;
43
+ min-height: 250px;
44
+ }
45
+ .ui.tab.loading * {
46
+ position: relative !important;
47
+ left: -10000px !important;
48
+ }
49
+ .ui.tab.loading:before,
50
+ .ui.tab.loading.segment:before {
51
+ position: absolute;
52
+ content: '';
53
+ top: 100px;
54
+ left: 50%;
55
+ margin: -1.25em 0em 0em -1.25em;
56
+ width: 2.5em;
57
+ height: 2.5em;
58
+ border-radius: 500rem;
59
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
60
+ }
61
+ .ui.tab.loading:after,
62
+ .ui.tab.loading.segment:after {
63
+ position: absolute;
64
+ content: '';
65
+ top: 100px;
66
+ left: 50%;
67
+ margin: -1.25em 0em 0em -1.25em;
68
+ width: 2.5em;
69
+ height: 2.5em;
70
+ -webkit-animation: button-spin 0.6s linear;
71
+ animation: button-spin 0.6s linear;
72
+ -webkit-animation-iteration-count: infinite;
73
+ animation-iteration-count: infinite;
74
+ border-radius: 500rem;
75
+ border-color: #767676 transparent transparent;
76
+ border-style: solid;
77
+ border-width: 0.2em;
78
+ -webkit-box-shadow: 0px 0px 0px 1px transparent;
79
+ box-shadow: 0px 0px 0px 1px transparent;
80
+ }
81
+
82
+
83
+ /*******************************
84
+ Tab Overrides
85
+ *******************************/
86
+
87
+
88
+
89
+ /*******************************
90
+ User Overrides
91
+ *******************************/
92
+
@@ -0,0 +1,291 @@
1
+ /*!
2
+ * # Semantic UI 2.6.4 - Toast
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Toast container
14
+ *******************************/
15
+
16
+ .ui.toast-container {
17
+ position: fixed;
18
+ z-index: 9999;
19
+ }
20
+ .ui.top.right.toast-container {
21
+ top: 0.85714286em;
22
+ right: 0.85714286em;
23
+ margin-left: 0.85714286em;
24
+ }
25
+ .ui.top.left.toast-container {
26
+ top: 0.85714286em;
27
+ left: 0.85714286em;
28
+ margin-right: 0.85714286em;
29
+ }
30
+ .ui.top.center.toast-container {
31
+ left: 50%;
32
+ -webkit-transform: translate(-50%, 0%);
33
+ transform: translate(-50%, 0%);
34
+ top: 0.85714286em;
35
+ }
36
+ .ui.bottom.right.toast-container {
37
+ bottom: 0.85714286em;
38
+ right: 0.85714286em;
39
+ margin-left: 0.85714286em;
40
+ }
41
+ .ui.bottom.left.toast-container {
42
+ bottom: 0.85714286em;
43
+ left: 0.85714286em;
44
+ margin-right: 0.85714286em;
45
+ }
46
+ .ui.bottom.center.toast-container {
47
+ left: 50%;
48
+ -webkit-transform: translate(-50%, 0%);
49
+ transform: translate(-50%, 0%);
50
+ bottom: 0.85714286em;
51
+ }
52
+
53
+
54
+ /*******************************
55
+ Toast
56
+ *******************************/
57
+
58
+ .toast {
59
+ display: block;
60
+ border-radius: 0.28571429rem;
61
+ padding: 0.78571429em 1em;
62
+ margin: 0 0 6px;
63
+ color: rgba(255, 255, 255, 0.9);
64
+ }
65
+ .floating.toast,
66
+ .hoverfloating.toast:hover {
67
+ -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
68
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
69
+ }
70
+ .hoverfloating.message:hover {
71
+ -webkit-box-shadow: 0 0 0 1px inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
72
+ box-shadow: 0 0 0 1px inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
73
+ }
74
+ .center.toast-container .toast-box,
75
+ .right.toast-container .toast-box {
76
+ margin-left: auto;
77
+ }
78
+ .center.toast-container .toast-box {
79
+ margin-right: auto;
80
+ }
81
+ .visible.toast-box,
82
+ .animating.toast-box,
83
+ .toast-box {
84
+ display: table !important;
85
+ }
86
+ .toast-container .compact {
87
+ display: block;
88
+ width: 300px;
89
+ }
90
+ .toast-container .message,
91
+ .toast:hover {
92
+ opacity: 1;
93
+ cursor: pointer;
94
+ }
95
+ .icon.toast .content {
96
+ padding-left: 3em;
97
+ }
98
+ .toast > .content > .title {
99
+ font-weight: bold;
100
+ }
101
+ .info.toast {
102
+ background-color: #31CCEC;
103
+ }
104
+ .warning.toast {
105
+ background-color: #F2C037;
106
+ }
107
+ .success.toast {
108
+ background-color: #21BA45;
109
+ }
110
+ .error.toast {
111
+ background-color: #DB2828;
112
+ }
113
+ .toast-box .info.attached.progress .bar {
114
+ background: #12a1bf !important;
115
+ }
116
+ .toast-box .warning.attached.progress .bar {
117
+ background: #cf9b0d !important;
118
+ }
119
+ .toast-box .success.attached.progress .bar {
120
+ background: #15792d !important;
121
+ }
122
+ .toast-box .error.attached.progress .bar {
123
+ background: #9c1a1a !important;
124
+ }
125
+
126
+ /*--------------
127
+ Colors
128
+ -------------- */
129
+
130
+ .red.toast {
131
+ background-color: #DB2828;
132
+ }
133
+ .inverted.red.toast,
134
+ .toast-box .inverted.red.attached.progress .bar {
135
+ background-color: #FF695E;
136
+ }
137
+ .orange.toast {
138
+ background-color: #F2711C;
139
+ }
140
+ .inverted.orange.toast,
141
+ .toast-box .inverted.orange.attached.progress .bar {
142
+ background-color: #FF851B;
143
+ }
144
+ .yellow.toast {
145
+ background-color: #FBBD08;
146
+ }
147
+ .inverted.yellow.toast,
148
+ .toast-box .inverted.yellow.attached.progress .bar {
149
+ background-color: #FFE21F;
150
+ }
151
+ .olive.toast {
152
+ background-color: #B5CC18;
153
+ }
154
+ .inverted.olive.toast,
155
+ .toast-box .inverted.olive.attached.progress .bar {
156
+ background-color: #D9E778;
157
+ }
158
+ .green.toast {
159
+ background-color: #21BA45;
160
+ }
161
+ .inverted.green.toast,
162
+ .toast-box .inverted.green.attached.progress .bar {
163
+ background-color: #2ECC40;
164
+ }
165
+ .teal.toast {
166
+ background-color: #00B5AD;
167
+ }
168
+ .inverted.teal.toast,
169
+ .toast-box .inverted.teal.attached.progress .bar {
170
+ background-color: #6DFFFF;
171
+ }
172
+ .blue.toast {
173
+ background-color: #2185D0;
174
+ }
175
+ .inverted.blue.toast,
176
+ .toast-box .inverted.blue.attached.progress .bar {
177
+ background-color: #54C8FF;
178
+ }
179
+ .violet.toast {
180
+ background-color: #6435C9;
181
+ }
182
+ .inverted.violet.toast,
183
+ .toast-box .inverted.violet.attached.progress .bar {
184
+ background-color: #A291FB;
185
+ }
186
+ .purple.toast {
187
+ background-color: #A333C8;
188
+ }
189
+ .inverted.purple.toast,
190
+ .toast-box .inverted.purple.attached.progress .bar {
191
+ background-color: #DC73FF;
192
+ }
193
+ .pink.toast {
194
+ background-color: #E03997;
195
+ }
196
+ .inverted.pink.toast,
197
+ .toast-box .inverted.pink.attached.progress .bar {
198
+ background-color: #FF8EDF;
199
+ }
200
+ .brown.toast {
201
+ background-color: #A5673F;
202
+ }
203
+ .inverted.brown.toast,
204
+ .toast-box .inverted.brown.attached.progress .bar {
205
+ background-color: #D67C1C;
206
+ }
207
+ .grey.toast {
208
+ background-color: #767676;
209
+ }
210
+ .inverted.grey.toast,
211
+ .toast-box .inverted.grey.attached.progress .bar {
212
+ background-color: #DCDDDE;
213
+ }
214
+ .black.toast {
215
+ background-color: #1B1C1D;
216
+ }
217
+ .inverted.black.toast,
218
+ .toast-box .inverted.black.attached.progress .bar {
219
+ background-color: #545454;
220
+ }
221
+ .inverted.yellow.toast,
222
+ .inverted.olive.toast,
223
+ .inverted.teal.toast,
224
+ .inverted.grey.toast {
225
+ color: #000000;
226
+ }
227
+
228
+ /*--------------
229
+ Icon
230
+ ---------------*/
231
+
232
+ .icon.toast > .icon:not(.close) {
233
+ display: inline-block;
234
+ vertical-align: middle;
235
+ font-size: 1.5em;
236
+ position: absolute;
237
+ }
238
+ .icon.toast > .content {
239
+ display: inline-block;
240
+ vertical-align: middle;
241
+ }
242
+
243
+ /*---------------
244
+ Progress Bar
245
+ ----------------*/
246
+
247
+ .toast-box .attached.progress .bar {
248
+ min-width: 0%;
249
+ }
250
+ .toast-box .active.progress .bar:after {
251
+ -webkit-animation: progress-active 2s ease infinite !important;
252
+ animation: progress-active 2s ease infinite !important;
253
+ }
254
+ .toast-box {
255
+ margin-bottom: 6px;
256
+ }
257
+ .toast-box .toast,
258
+ .toast-box .message {
259
+ margin-top: 0;
260
+ margin-bottom: 0;
261
+ position: relative;
262
+ }
263
+ .toast-box .attached.progress {
264
+ z-index: 1;
265
+ }
266
+ .toast-box .bottom.attached.progress {
267
+ margin: -3px 0 6px;
268
+ }
269
+ .toast-box .top.attached.progress {
270
+ margin: 6px 0 -3px;
271
+ }
272
+ /* --------
273
+ Close Icon
274
+ -----------*/
275
+ .toast-box .message > .close.icon {
276
+ top: 0.3em;
277
+ right: 0.3em;
278
+ }
279
+ .toast-box .toast > .close.icon {
280
+ cursor: pointer;
281
+ position: absolute;
282
+ margin: 0;
283
+ top: 0.3em;
284
+ right: 0.3em;
285
+ opacity: 0.7;
286
+ -webkit-transition: opacity 0.1s ease;
287
+ transition: opacity 0.1s ease;
288
+ }
289
+ .toast-box .toast > .close.icon:hover {
290
+ opacity: 1;
291
+ }