uikit-sass-rails 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/README.md +15 -12
  4. data/lib/uikit/sass/rails/engine.rb +1 -1
  5. data/lib/uikit/sass/rails/version.rb +1 -1
  6. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  7. data/vendor/assets/fonts/fontawesome-webfont.otf +0 -0
  8. data/vendor/assets/fonts/fontawesome-webfont.svg +525 -464
  9. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  10. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  11. data/vendor/assets/fonts/fontawesome-webfont.woff2 +0 -0
  12. data/vendor/assets/javascripts/uikit.js +30 -3
  13. data/vendor/assets/javascripts/uikit/components/accordion.js +172 -0
  14. data/vendor/assets/javascripts/uikit/components/autocomplete.js +48 -27
  15. data/vendor/assets/javascripts/uikit/components/datepicker.js +2887 -97
  16. data/vendor/assets/javascripts/uikit/components/form-password.js +24 -19
  17. data/vendor/assets/javascripts/uikit/components/form-select.js +24 -18
  18. data/vendor/assets/javascripts/uikit/components/grid.js +524 -0
  19. data/vendor/assets/javascripts/uikit/components/htmleditor.js +46 -39
  20. data/vendor/assets/javascripts/uikit/components/lightbox.js +543 -0
  21. data/vendor/assets/javascripts/uikit/components/nestable.js +125 -98
  22. data/vendor/assets/javascripts/uikit/components/notify.js +34 -22
  23. data/vendor/assets/javascripts/uikit/components/pagination.js +24 -21
  24. data/vendor/assets/javascripts/uikit/components/parallax.js +400 -0
  25. data/vendor/assets/javascripts/uikit/components/search.js +19 -16
  26. data/vendor/assets/javascripts/uikit/components/slider.js +482 -0
  27. data/vendor/assets/javascripts/uikit/components/slideset.js +498 -0
  28. data/vendor/assets/javascripts/uikit/components/slideshow-fx.js +377 -0
  29. data/vendor/assets/javascripts/uikit/components/slideshow.js +540 -0
  30. data/vendor/assets/javascripts/uikit/components/sortable.js +392 -263
  31. data/vendor/assets/javascripts/uikit/components/sticky.js +127 -68
  32. data/vendor/assets/javascripts/uikit/components/timepicker.js +65 -42
  33. data/vendor/assets/javascripts/uikit/components/tooltip.js +220 -0
  34. data/vendor/assets/javascripts/uikit/components/upload.js +11 -10
  35. data/vendor/assets/javascripts/uikit/core/alert.js +66 -0
  36. data/vendor/assets/javascripts/uikit/core/button.js +154 -0
  37. data/vendor/assets/javascripts/uikit/core/core.js +717 -0
  38. data/vendor/assets/javascripts/uikit/{components → core}/cover.js +41 -35
  39. data/vendor/assets/javascripts/uikit/core/dropdown.js +296 -0
  40. data/vendor/assets/javascripts/uikit/core/grid.js +172 -0
  41. data/vendor/assets/javascripts/uikit/core/modal.js +323 -0
  42. data/vendor/assets/javascripts/uikit/core/nav.js +117 -0
  43. data/vendor/assets/javascripts/uikit/core/offcanvas.js +178 -0
  44. data/vendor/assets/javascripts/uikit/core/scrollspy.js +208 -0
  45. data/vendor/assets/javascripts/uikit/core/smooth-scroll.js +62 -0
  46. data/vendor/assets/javascripts/uikit/core/switcher.js +298 -0
  47. data/vendor/assets/javascripts/uikit/core/tab.js +159 -0
  48. data/vendor/assets/javascripts/uikit/core/toggle.js +117 -0
  49. data/vendor/assets/javascripts/uikit/core/touch.js +173 -0
  50. data/vendor/assets/javascripts/uikit/core/utility.js +157 -0
  51. data/vendor/assets/javascripts/uikit/uikit.js +1538 -871
  52. data/vendor/assets/stylesheets/extra/font-awesome.scss +4 -7
  53. data/vendor/assets/stylesheets/uikit.scss +22 -1
  54. data/vendor/assets/stylesheets/uikit/almost-flat.scss +22 -2
  55. data/vendor/assets/stylesheets/uikit/components/accordion.almost-flat.scss +45 -0
  56. data/vendor/assets/stylesheets/uikit/components/accordion.gradient.scss +45 -0
  57. data/vendor/assets/stylesheets/uikit/components/accordion.scss +43 -0
  58. data/vendor/assets/stylesheets/uikit/components/autocomplete.almost-flat.scss +62 -0
  59. data/vendor/assets/stylesheets/uikit/components/autocomplete.gradient.scss +62 -0
  60. data/vendor/assets/stylesheets/uikit/components/autocomplete.scss +60 -0
  61. data/vendor/assets/stylesheets/uikit/components/datepicker.almost-flat.scss +148 -0
  62. data/vendor/assets/stylesheets/uikit/components/datepicker.gradient.scss +158 -0
  63. data/vendor/assets/stylesheets/uikit/components/datepicker.scss +142 -0
  64. data/vendor/assets/stylesheets/uikit/components/dotnav.almost-flat.scss +152 -0
  65. data/vendor/assets/stylesheets/uikit/components/dotnav.gradient.scss +152 -0
  66. data/vendor/assets/stylesheets/uikit/components/dotnav.scss +148 -0
  67. data/vendor/assets/stylesheets/uikit/components/form-advanced.almost-flat.scss +92 -0
  68. data/vendor/assets/stylesheets/uikit/components/form-advanced.gradient.scss +92 -0
  69. data/vendor/assets/stylesheets/uikit/components/form-advanced.scss +92 -0
  70. data/vendor/assets/stylesheets/uikit/components/form-file.almost-flat.scss +36 -0
  71. data/vendor/assets/stylesheets/uikit/components/form-file.gradient.scss +36 -0
  72. data/vendor/assets/stylesheets/uikit/components/form-file.scss +36 -0
  73. data/vendor/assets/stylesheets/uikit/components/form-password.almost-flat.scss +37 -0
  74. data/vendor/assets/stylesheets/uikit/components/form-password.gradient.scss +37 -0
  75. data/vendor/assets/stylesheets/uikit/components/form-password.scss +37 -0
  76. data/vendor/assets/stylesheets/uikit/components/form-select.almost-flat.scss +37 -0
  77. data/vendor/assets/stylesheets/uikit/components/form-select.gradient.scss +37 -0
  78. data/vendor/assets/stylesheets/uikit/components/form-select.scss +37 -0
  79. data/vendor/assets/stylesheets/uikit/components/htmleditor.almost-flat.scss +282 -0
  80. data/vendor/assets/stylesheets/uikit/components/htmleditor.gradient.scss +290 -0
  81. data/vendor/assets/stylesheets/uikit/components/htmleditor.scss +208 -0
  82. data/vendor/assets/stylesheets/uikit/components/nestable.almost-flat.scss +137 -0
  83. data/vendor/assets/stylesheets/uikit/components/nestable.gradient.scss +141 -0
  84. data/vendor/assets/stylesheets/uikit/components/nestable.scss +134 -0
  85. data/vendor/assets/stylesheets/uikit/components/notify.almost-flat.scss +112 -0
  86. data/vendor/assets/stylesheets/uikit/components/notify.gradient.scss +112 -0
  87. data/vendor/assets/stylesheets/uikit/components/notify.scss +106 -0
  88. data/vendor/assets/stylesheets/uikit/components/placeholder.almost-flat.scss +36 -0
  89. data/vendor/assets/stylesheets/uikit/components/placeholder.gradient.scss +36 -0
  90. data/vendor/assets/stylesheets/uikit/components/placeholder.scss +36 -0
  91. data/vendor/assets/stylesheets/uikit/components/progress.almost-flat.scss +130 -0
  92. data/vendor/assets/stylesheets/uikit/components/progress.gradient.scss +138 -0
  93. data/vendor/assets/stylesheets/uikit/components/progress.scss +118 -0
  94. data/vendor/assets/stylesheets/uikit/components/search.almost-flat.scss +216 -0
  95. data/vendor/assets/stylesheets/uikit/components/search.gradient.scss +216 -0
  96. data/vendor/assets/stylesheets/uikit/components/search.scss +214 -0
  97. data/vendor/assets/stylesheets/uikit/components/slidenav.almost-flat.scss +110 -0
  98. data/vendor/assets/stylesheets/uikit/components/slidenav.gradient.scss +110 -0
  99. data/vendor/assets/stylesheets/uikit/components/slidenav.scss +110 -0
  100. data/vendor/assets/stylesheets/uikit/components/slider.almost-flat.scss +105 -0
  101. data/vendor/assets/stylesheets/uikit/components/slider.gradient.scss +105 -0
  102. data/vendor/assets/stylesheets/uikit/components/slider.scss +105 -0
  103. data/vendor/assets/stylesheets/uikit/components/slideshow.almost-flat.scss +166 -0
  104. data/vendor/assets/stylesheets/uikit/components/slideshow.gradient.scss +166 -0
  105. data/vendor/assets/stylesheets/uikit/components/slideshow.scss +166 -0
  106. data/vendor/assets/stylesheets/uikit/components/sortable.almost-flat.scss +90 -0
  107. data/vendor/assets/stylesheets/uikit/components/sortable.gradient.scss +90 -0
  108. data/vendor/assets/stylesheets/uikit/components/sortable.scss +90 -0
  109. data/vendor/assets/stylesheets/uikit/components/sticky.almost-flat.scss +39 -0
  110. data/vendor/assets/stylesheets/uikit/components/sticky.gradient.scss +39 -0
  111. data/vendor/assets/stylesheets/uikit/components/sticky.scss +39 -0
  112. data/vendor/assets/stylesheets/uikit/components/tooltip.almost-flat.scss +129 -0
  113. data/vendor/assets/stylesheets/uikit/components/tooltip.gradient.scss +129 -0
  114. data/vendor/assets/stylesheets/uikit/components/tooltip.scss +127 -0
  115. data/vendor/assets/stylesheets/uikit/components/upload.almost-flat.scss +11 -0
  116. data/vendor/assets/stylesheets/uikit/components/upload.gradient.scss +11 -0
  117. data/vendor/assets/stylesheets/uikit/components/upload.scss +11 -0
  118. data/vendor/assets/stylesheets/uikit/gradient.scss +22 -2
  119. data/vendor/assets/stylesheets/uikit/uikit.almost-flat.scss +1768 -498
  120. data/vendor/assets/stylesheets/uikit/uikit.gradient.scss +1776 -512
  121. data/vendor/assets/stylesheets/uikit/uikit.scss +1722 -462
  122. metadata +92 -7
  123. data/vendor/assets/stylesheets/uikit/components/uikit.components.almost-flat.scss +0 -1586
  124. data/vendor/assets/stylesheets/uikit/components/uikit.components.gradient.scss +0 -1608
  125. data/vendor/assets/stylesheets/uikit/components/uikit.components.scss +0 -1489
@@ -0,0 +1,137 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Nestable
4
+ ========================================================================== */
5
+
6
+ .uk-nestable {
7
+ padding: 0;
8
+ list-style: none;
9
+ }
10
+
11
+ /* Sub-object `uk-nestable-list`
12
+ ========================================================================== */
13
+
14
+ .uk-nestable-list {
15
+ margin: 0;
16
+ padding-left: 40px;
17
+ list-style: none;
18
+ }
19
+
20
+ /* Sub-modifier `uk-nestable-list-dragged`
21
+ ========================================================================== */
22
+
23
+ .uk-nestable-list-dragged {
24
+ position: absolute;
25
+ z-index: 1050;
26
+ padding-left: 0;
27
+ pointer-events: none;
28
+ }
29
+
30
+ /* Sub-object `uk-nestable-item`
31
+ ========================================================================== */
32
+
33
+ .uk-nestable-item {
34
+ margin-bottom: 10px;
35
+ padding: 5px;
36
+ background: #f5f5f5;
37
+ border-radius: 4px;
38
+ border: 1px solid rgba(0, 0, 0, 0.06);
39
+ text-shadow: 0 1px 0 #ffffff;
40
+ }
41
+
42
+ /* Sub-object `uk-nestable-placeholder`
43
+ * The placeholder which marks the drop area
44
+ ========================================================================== */
45
+
46
+ .uk-nestable-placeholder {
47
+ -moz-box-sizing: border-box;
48
+ box-sizing: border-box;
49
+ margin-bottom: 10px;
50
+ border: 1px dashed #dddddd;
51
+ }
52
+
53
+ /* Sub-object `uk-nestable-empty`
54
+ * The style of an empty list
55
+ ========================================================================== */
56
+
57
+ .uk-nestable-empty {
58
+ min-height: 40px;
59
+ }
60
+
61
+ /* Sub-object `uk-nestable-handle`
62
+ ========================================================================== */
63
+ /*
64
+ * 1. Deactivate browser touch actions in IE11
65
+ */
66
+
67
+ .uk-nestable-handle {
68
+ display: inline-block;
69
+ font-size: 18px;
70
+ color: #dddddd;
71
+ /* 1 */
72
+ touch-action: none;
73
+ &:hover {
74
+ cursor: move;
75
+ }
76
+ &:after {
77
+ content: "\f0c9";
78
+ font-family: FontAwesome;
79
+ }
80
+ }
81
+
82
+ /* Hover */
83
+
84
+ /* Icon */
85
+
86
+ /* Sub-object `uk-nestable-moving`
87
+ ========================================================================== */
88
+
89
+ .uk-nestable-moving {
90
+ cursor: move;
91
+ * {
92
+ cursor: move;
93
+ }
94
+ }
95
+
96
+ /* Sub-object `[data-action='toggle']`
97
+ ========================================================================== */
98
+ /* Hidden by default */
99
+
100
+ [data-nestable-action='toggle'] {
101
+ display: inline-block;
102
+ color: #999999;
103
+ visibility: hidden;
104
+ &:hover {
105
+ color: #444444;
106
+ cursor: pointer;
107
+ }
108
+ &:after {
109
+ content: "\f147";
110
+ font-family: FontAwesome;
111
+ }
112
+ }
113
+
114
+ /* Hover */
115
+
116
+ /* Icon */
117
+
118
+ /*
119
+ * Show if nested
120
+ */
121
+
122
+ .uk-parent > .uk-nestable-item [data-nestable-action='toggle'] {
123
+ visibility: visible;
124
+ }
125
+
126
+ /*
127
+ * Collapsed
128
+ */
129
+
130
+ .uk-collapsed {
131
+ > .uk-nestable-item [data-nestable-action='toggle']:after {
132
+ content: "\f196";
133
+ }
134
+ .uk-nestable-list {
135
+ display: none;
136
+ }
137
+ }
@@ -0,0 +1,141 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Nestable
4
+ ========================================================================== */
5
+
6
+ .uk-nestable {
7
+ padding: 0;
8
+ list-style: none;
9
+ }
10
+
11
+ /* Sub-object `uk-nestable-list`
12
+ ========================================================================== */
13
+
14
+ .uk-nestable-list {
15
+ margin: 0;
16
+ padding-left: 40px;
17
+ list-style: none;
18
+ }
19
+
20
+ /* Sub-modifier `uk-nestable-list-dragged`
21
+ ========================================================================== */
22
+
23
+ .uk-nestable-list-dragged {
24
+ position: absolute;
25
+ z-index: 1050;
26
+ padding-left: 0;
27
+ pointer-events: none;
28
+ }
29
+
30
+ /* Sub-object `uk-nestable-item`
31
+ ========================================================================== */
32
+
33
+ .uk-nestable-item {
34
+ margin-bottom: 10px;
35
+ padding: 5px;
36
+ background: #f7f7f7;
37
+ border-radius: 4px;
38
+ border: 1px solid rgba(0, 0, 0, 0.2);
39
+ border-bottom-color: rgba(0, 0, 0, 0.3);
40
+ background-origin: border-box;
41
+ background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
42
+ background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
43
+ text-shadow: 0 1px 0 #ffffff;
44
+ }
45
+
46
+ /* Sub-object `uk-nestable-placeholder`
47
+ * The placeholder which marks the drop area
48
+ ========================================================================== */
49
+
50
+ .uk-nestable-placeholder {
51
+ -moz-box-sizing: border-box;
52
+ box-sizing: border-box;
53
+ margin-bottom: 10px;
54
+ border: 1px dashed #dddddd;
55
+ }
56
+
57
+ /* Sub-object `uk-nestable-empty`
58
+ * The style of an empty list
59
+ ========================================================================== */
60
+
61
+ .uk-nestable-empty {
62
+ min-height: 40px;
63
+ }
64
+
65
+ /* Sub-object `uk-nestable-handle`
66
+ ========================================================================== */
67
+ /*
68
+ * 1. Deactivate browser touch actions in IE11
69
+ */
70
+
71
+ .uk-nestable-handle {
72
+ display: inline-block;
73
+ font-size: 18px;
74
+ color: #dddddd;
75
+ /* 1 */
76
+ touch-action: none;
77
+ &:hover {
78
+ cursor: move;
79
+ }
80
+ &:after {
81
+ content: "\f0c9";
82
+ font-family: FontAwesome;
83
+ }
84
+ }
85
+
86
+ /* Hover */
87
+
88
+ /* Icon */
89
+
90
+ /* Sub-object `uk-nestable-moving`
91
+ ========================================================================== */
92
+
93
+ .uk-nestable-moving {
94
+ cursor: move;
95
+ * {
96
+ cursor: move;
97
+ }
98
+ }
99
+
100
+ /* Sub-object `[data-action='toggle']`
101
+ ========================================================================== */
102
+ /* Hidden by default */
103
+
104
+ [data-nestable-action='toggle'] {
105
+ display: inline-block;
106
+ color: #999999;
107
+ visibility: hidden;
108
+ &:hover {
109
+ color: #444444;
110
+ cursor: pointer;
111
+ }
112
+ &:after {
113
+ content: "\f147";
114
+ font-family: FontAwesome;
115
+ }
116
+ }
117
+
118
+ /* Hover */
119
+
120
+ /* Icon */
121
+
122
+ /*
123
+ * Show if nested
124
+ */
125
+
126
+ .uk-parent > .uk-nestable-item [data-nestable-action='toggle'] {
127
+ visibility: visible;
128
+ }
129
+
130
+ /*
131
+ * Collapsed
132
+ */
133
+
134
+ .uk-collapsed {
135
+ > .uk-nestable-item [data-nestable-action='toggle']:after {
136
+ content: "\f196";
137
+ }
138
+ .uk-nestable-list {
139
+ display: none;
140
+ }
141
+ }
@@ -0,0 +1,134 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Nestable
4
+ ========================================================================== */
5
+
6
+ .uk-nestable {
7
+ padding: 0;
8
+ list-style: none;
9
+ }
10
+
11
+ /* Sub-object `uk-nestable-list`
12
+ ========================================================================== */
13
+
14
+ .uk-nestable-list {
15
+ margin: 0;
16
+ padding-left: 40px;
17
+ list-style: none;
18
+ }
19
+
20
+ /* Sub-modifier `uk-nestable-list-dragged`
21
+ ========================================================================== */
22
+
23
+ .uk-nestable-list-dragged {
24
+ position: absolute;
25
+ z-index: 1050;
26
+ padding-left: 0;
27
+ pointer-events: none;
28
+ }
29
+
30
+ /* Sub-object `uk-nestable-item`
31
+ ========================================================================== */
32
+
33
+ .uk-nestable-item {
34
+ margin-bottom: 10px;
35
+ padding: 5px;
36
+ background: #f5f5f5;
37
+ }
38
+
39
+ /* Sub-object `uk-nestable-placeholder`
40
+ * The placeholder which marks the drop area
41
+ ========================================================================== */
42
+
43
+ .uk-nestable-placeholder {
44
+ -moz-box-sizing: border-box;
45
+ box-sizing: border-box;
46
+ margin-bottom: 10px;
47
+ border: 1px dashed #dddddd;
48
+ }
49
+
50
+ /* Sub-object `uk-nestable-empty`
51
+ * The style of an empty list
52
+ ========================================================================== */
53
+
54
+ .uk-nestable-empty {
55
+ min-height: 40px;
56
+ }
57
+
58
+ /* Sub-object `uk-nestable-handle`
59
+ ========================================================================== */
60
+ /*
61
+ * 1. Deactivate browser touch actions in IE11
62
+ */
63
+
64
+ .uk-nestable-handle {
65
+ display: inline-block;
66
+ font-size: 18px;
67
+ color: #dddddd;
68
+ /* 1 */
69
+ touch-action: none;
70
+ &:hover {
71
+ cursor: move;
72
+ }
73
+ &:after {
74
+ content: "\f0c9";
75
+ font-family: FontAwesome;
76
+ }
77
+ }
78
+
79
+ /* Hover */
80
+
81
+ /* Icon */
82
+
83
+ /* Sub-object `uk-nestable-moving`
84
+ ========================================================================== */
85
+
86
+ .uk-nestable-moving {
87
+ cursor: move;
88
+ * {
89
+ cursor: move;
90
+ }
91
+ }
92
+
93
+ /* Sub-object `[data-action='toggle']`
94
+ ========================================================================== */
95
+ /* Hidden by default */
96
+
97
+ [data-nestable-action='toggle'] {
98
+ display: inline-block;
99
+ color: #999999;
100
+ visibility: hidden;
101
+ &:hover {
102
+ color: #444444;
103
+ cursor: pointer;
104
+ }
105
+ &:after {
106
+ content: "\f147";
107
+ font-family: FontAwesome;
108
+ }
109
+ }
110
+
111
+ /* Hover */
112
+
113
+ /* Icon */
114
+
115
+ /*
116
+ * Show if nested
117
+ */
118
+
119
+ .uk-parent > .uk-nestable-item [data-nestable-action='toggle'] {
120
+ visibility: visible;
121
+ }
122
+
123
+ /*
124
+ * Collapsed
125
+ */
126
+
127
+ .uk-collapsed {
128
+ > .uk-nestable-item [data-nestable-action='toggle']:after {
129
+ content: "\f196";
130
+ }
131
+ .uk-nestable-list {
132
+ display: none;
133
+ }
134
+ }
@@ -0,0 +1,112 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Notify
4
+ ========================================================================== */
5
+ /*
6
+ * Message container for positioning
7
+ */
8
+
9
+ .uk-notify {
10
+ position: fixed;
11
+ top: 10px;
12
+ left: 10px;
13
+ z-index: 1040;
14
+ -moz-box-sizing: border-box;
15
+ box-sizing: border-box;
16
+ width: 350px;
17
+ }
18
+
19
+ /* Position modifiers
20
+ ========================================================================== */
21
+
22
+ .uk-notify-top-right, .uk-notify-bottom-right {
23
+ left: auto;
24
+ right: 10px;
25
+ }
26
+
27
+ .uk-notify-top-center, .uk-notify-bottom-center {
28
+ left: 50%;
29
+ margin-left: -175px;
30
+ }
31
+
32
+ .uk-notify-bottom-left, .uk-notify-bottom-right, .uk-notify-bottom-center {
33
+ top: auto;
34
+ bottom: 10px;
35
+ }
36
+
37
+ /* Responsiveness
38
+ ========================================================================== */
39
+ /* Phones portrait and smaller */
40
+ @media (max-width: 479px) {
41
+ /*
42
+ * Fit in small screen
43
+ */
44
+ .uk-notify {
45
+ left: 10px;
46
+ right: 10px;
47
+ width: auto;
48
+ margin: 0;
49
+ }
50
+ }
51
+
52
+ /* Sub-object: `uk-notify-message`
53
+ ========================================================================== */
54
+
55
+ .uk-notify-message {
56
+ position: relative;
57
+ margin-bottom: 10px;
58
+ padding: 15px;
59
+ background: #444444;
60
+ color: #ffffff;
61
+ font-size: 16px;
62
+ line-height: 22px;
63
+ cursor: pointer;
64
+ border: 1px solid #444444;
65
+ border-radius: 4px;
66
+ > .uk-close {
67
+ visibility: hidden;
68
+ float: right;
69
+ }
70
+ &:hover > .uk-close {
71
+ visibility: visible;
72
+ }
73
+ }
74
+
75
+ /* Close in notify
76
+ ========================================================================== */
77
+
78
+ /* Modifier: `uk-alert-info`
79
+ ========================================================================== */
80
+
81
+ .uk-notify-message-primary {
82
+ background: #ebf7fd;
83
+ color: #2d7091;
84
+ border-color: rgba(45, 112, 145, 0.3);
85
+ }
86
+
87
+ /* Modifier: `uk-alert-success`
88
+ ========================================================================== */
89
+
90
+ .uk-notify-message-success {
91
+ background: #f2fae3;
92
+ color: #659f13;
93
+ border-color: rgba(101, 159, 19, 0.3);
94
+ }
95
+
96
+ /* Modifier: `uk-notify-message-warning`
97
+ ========================================================================== */
98
+
99
+ .uk-notify-message-warning {
100
+ background: #fffceb;
101
+ color: #e28327;
102
+ border-color: rgba(226, 131, 39, 0.3);
103
+ }
104
+
105
+ /* Modifier: `uk-notify-message-danger`
106
+ ========================================================================== */
107
+
108
+ .uk-notify-message-danger {
109
+ background: #fff1f0;
110
+ color: #d85030;
111
+ border-color: rgba(216, 80, 48, 0.3);
112
+ }