fomantic-ui-sass 2.6.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +27 -0
- data/.rspec +1 -0
- data/.travis.yml +5 -0
- data/CHANGELOG.md +370 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +177 -0
- data/Rakefile +8 -0
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +1008 -0
- data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.otf +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +1518 -0
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +366 -0
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/images/semantic-ui/flags.png +0 -0
- data/app/assets/javascripts/semantic-ui.js +27 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +613 -0
- data/app/assets/javascripts/semantic-ui/api.js +1167 -0
- data/app/assets/javascripts/semantic-ui/calendar.js +1476 -0
- data/app/assets/javascripts/semantic-ui/checkbox.js +828 -0
- data/app/assets/javascripts/semantic-ui/colorize.js +280 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +735 -0
- data/app/assets/javascripts/semantic-ui/dropdown.js +4030 -0
- data/app/assets/javascripts/semantic-ui/embed.js +706 -0
- data/app/assets/javascripts/semantic-ui/form.js +1707 -0
- data/app/assets/javascripts/semantic-ui/modal.js +1090 -0
- data/app/assets/javascripts/semantic-ui/nag.js +507 -0
- data/app/assets/javascripts/semantic-ui/popup.js +1532 -0
- data/app/assets/javascripts/semantic-ui/progress.js +923 -0
- data/app/assets/javascripts/semantic-ui/range.js +278 -0
- data/app/assets/javascripts/semantic-ui/rating.js +511 -0
- data/app/assets/javascripts/semantic-ui/search.js +1515 -0
- data/app/assets/javascripts/semantic-ui/shape.js +921 -0
- data/app/assets/javascripts/semantic-ui/sidebar.js +1033 -0
- data/app/assets/javascripts/semantic-ui/site.js +490 -0
- data/app/assets/javascripts/semantic-ui/state.js +708 -0
- data/app/assets/javascripts/semantic-ui/sticky.js +959 -0
- data/app/assets/javascripts/semantic-ui/tab.js +952 -0
- data/app/assets/javascripts/semantic-ui/toast.js +592 -0
- data/app/assets/javascripts/semantic-ui/transition.js +1106 -0
- data/app/assets/javascripts/semantic-ui/video.js +532 -0
- data/app/assets/javascripts/semantic-ui/visibility.js +1311 -0
- data/app/assets/javascripts/semantic-ui/visit.js +525 -0
- data/app/assets/stylesheets/semantic-ui.scss +5 -0
- data/app/assets/stylesheets/semantic-ui/collections/_all.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +124 -0
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1158 -0
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +2093 -0
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +2193 -0
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +606 -0
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1117 -0
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +16 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +4530 -0
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +145 -0
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +259 -0
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1036 -0
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +762 -0
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +6330 -0
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +310 -0
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +519 -0
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1395 -0
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +959 -0
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +458 -0
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +242 -0
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +152 -0
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +295 -0
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +884 -0
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +675 -0
- data/app/assets/stylesheets/semantic-ui/globals/_all.scss +3 -0
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +485 -0
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +206 -0
- data/app/assets/stylesheets/semantic-ui/globals/_variables.scss +4 -0
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +247 -0
- data/app/assets/stylesheets/semantic-ui/modules/_all.scss +20 -0
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +165 -0
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +718 -0
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +464 -0
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1745 -0
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +165 -0
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +646 -0
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +148 -0
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +789 -0
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +523 -0
- data/app/assets/stylesheets/semantic-ui/modules/_range.scss +192 -0
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +263 -0
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +445 -0
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +154 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +626 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +78 -0
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +92 -0
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +291 -0
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +2059 -0
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +125 -0
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +275 -0
- data/app/assets/stylesheets/semantic-ui/views/_all.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1124 -0
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +296 -0
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +314 -0
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +555 -0
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +583 -0
- data/app/helpers/semantic_breadcrumbs_helper.rb +10 -0
- data/app/helpers/semantic_flash_helper.rb +22 -0
- data/app/helpers/semantic_icon_helper.rb +8 -0
- data/app/views/semantic/_breadcrumbs.html.erb +12 -0
- data/fomantic-ui-sass.gemspec +31 -0
- data/lib/fomantic-ui-sass.rb +62 -0
- data/lib/fomantic/ui/sass/breadcrumbs.rb +41 -0
- data/lib/fomantic/ui/sass/engine.rb +23 -0
- data/lib/fomantic/ui/sass/version.rb +8 -0
- data/spec/dummy/README.rdoc +28 -0
- data/spec/dummy/Rakefile +6 -0
- data/spec/dummy/app/assets/images/.keep +0 -0
- data/spec/dummy/app/assets/javascripts/application.js +13 -0
- data/spec/dummy/app/assets/stylesheets/application.css +13 -0
- data/spec/dummy/app/controllers/application_controller.rb +5 -0
- data/spec/dummy/app/controllers/concerns/.keep +0 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/mailers/.keep +0 -0
- data/spec/dummy/app/models/.keep +0 -0
- data/spec/dummy/app/models/concerns/.keep +0 -0
- data/spec/dummy/app/views/layouts/application.html.erb +14 -0
- data/spec/dummy/bin/bundle +3 -0
- data/spec/dummy/bin/rails +4 -0
- data/spec/dummy/bin/rake +4 -0
- data/spec/dummy/config.ru +4 -0
- data/spec/dummy/config/application.rb +28 -0
- data/spec/dummy/config/boot.rb +5 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +29 -0
- data/spec/dummy/config/environments/production.rb +80 -0
- data/spec/dummy/config/environments/test.rb +36 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/spec/dummy/config/initializers/inflections.rb +16 -0
- data/spec/dummy/config/initializers/mime_types.rb +5 -0
- data/spec/dummy/config/initializers/secret_token.rb +12 -0
- data/spec/dummy/config/initializers/session_store.rb +3 -0
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +23 -0
- data/spec/dummy/config/routes.rb +2 -0
- data/spec/dummy/lib/assets/.keep +0 -0
- data/spec/dummy/log/.keep +0 -0
- data/spec/dummy/public/404.html +58 -0
- data/spec/dummy/public/422.html +58 -0
- data/spec/dummy/public/500.html +57 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +38 -0
- data/spec/helpers/semantic_flash_helper_spec.rb +36 -0
- data/spec/helpers/semantic_icon_helper_spec.rb +48 -0
- data/spec/spec_helper.rb +17 -0
- data/tasks/converter.rb +216 -0
- data/templates/project/manifest.rb +29 -0
- data/templates/project/styles.scss +1 -0
- 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
|
+
}
|