summaryrefslogtreecommitdiff
path: root/css/components/notify.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/notify.css')
-rwxr-xr-xcss/components/notify.css92
1 files changed, 0 insertions, 92 deletions
diff --git a/css/components/notify.css b/css/components/notify.css
deleted file mode 100755
index 37e87d8..0000000
--- a/css/components/notify.css
+++ /dev/null
@@ -1,92 +0,0 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Notify
4 ========================================================================== */
5/*
6 * Message container for positioning
7 */
8.uk-notify {
9 position: fixed;
10 top: 10px;
11 left: 10px;
12 z-index: 1040;
13 box-sizing: border-box;
14 width: 350px;
15}
16/* Position modifiers
17========================================================================== */
18.uk-notify-top-right,
19.uk-notify-bottom-right {
20 left: auto;
21 right: 10px;
22}
23.uk-notify-top-center,
24.uk-notify-bottom-center {
25 left: 50%;
26 margin-left: -175px;
27}
28.uk-notify-bottom-left,
29.uk-notify-bottom-right,
30.uk-notify-bottom-center {
31 top: auto;
32 bottom: 10px;
33}
34/* Responsiveness
35========================================================================== */
36/* Phones portrait and smaller */
37@media (max-width: 479px) {
38 /*
39 * Fit in small screen
40 */
41 .uk-notify {
42 left: 10px;
43 right: 10px;
44 width: auto;
45 margin: 0;
46 }
47}
48/* Sub-object: `uk-notify-message`
49========================================================================== */
50.uk-notify-message {
51 position: relative;
52 margin-bottom: 10px;
53 padding: 15px;
54 background: #444;
55 color: #fff;
56 font-size: 16px;
57 line-height: 22px;
58 cursor: pointer;
59}
60/* Close in notify
61 ========================================================================== */
62.uk-notify-message > .uk-close {
63 visibility: hidden;
64 float: right;
65}
66.uk-notify-message:hover > .uk-close {
67 visibility: visible;
68}
69/* Modifier: `uk-alert-info`
70 ========================================================================== */
71.uk-notify-message-primary {
72 background: #ebf7fd;
73 color: #2d7091;
74}
75/* Modifier: `uk-alert-success`
76 ========================================================================== */
77.uk-notify-message-success {
78 background: #f2fae3;
79 color: #659f13;
80}
81/* Modifier: `uk-notify-message-warning`
82 ========================================================================== */
83.uk-notify-message-warning {
84 background: #fffceb;
85 color: #e28327;
86}
87/* Modifier: `uk-notify-message-danger`
88 ========================================================================== */
89.uk-notify-message-danger {
90 background: #fff1f0;
91 color: #d85030;
92}