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
@@ -3,15 +3,12 @@
3
3
  //= depend_on_asset "fontawesome-webfont.svg"
4
4
  //= depend_on_asset "fontawesome-webfont.ttf"
5
5
  //= depend_on_asset "fontawesome-webfont.woff"
6
+ //= depend_on_asset "fontawesome-webfont.woff2"
6
7
 
7
8
  @font-face {
8
9
  font-family: "FontAwesome";
9
- src: font-url("fontawesome-webfont.eot");
10
- src: font-url("fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
11
- font-url("fontawesome-webfont.otf") format("opentype"),
12
- font-url("fontawesome-webfont.woff") format("woff"),
13
- font-url("fontawesome-webfont.ttf") format("truetype"),
14
- font-url("fontawesome-webfont.svg#fontcustom") format("svg");
10
+ src: font-url('fontawesome-webfont.eot');
11
+ src: font-url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'), font-url("fontawesome-webfont.otf") format("opentype"), font-url('fontawesome-webfont.woff2') format('woff2'), font-url('fontawesome-webfont.woff') format('woff'), font-url('fontawesome-webfont.ttf') format('truetype'), font-url('fontawesome-webfont.svg?#fontawesomeregular') format('svg');
15
12
  font-weight: normal;
16
13
  font-style: normal;
17
- }
14
+ }
@@ -2,4 +2,25 @@
2
2
 
3
3
  @import "extra/font-awesome";
4
4
  @import "uikit/uikit";
5
- @import "uikit/components/uikit.components";
5
+
6
+ @import "uikit/components/accordion";
7
+ @import "uikit/components/autocomplete";
8
+ @import "uikit/components/datepicker";
9
+ @import "uikit/components/dotnav";
10
+ @import "uikit/components/form-advanced";
11
+ @import "uikit/components/form-file";
12
+ @import "uikit/components/form-password";
13
+ @import "uikit/components/form-select";
14
+ @import "uikit/components/htmleditor";
15
+ @import "uikit/components/nestable";
16
+ @import "uikit/components/notify";
17
+ @import "uikit/components/placeholder";
18
+ @import "uikit/components/progress";
19
+ @import "uikit/components/search";
20
+ @import "uikit/components/slidenav";
21
+ @import "uikit/components/slider";
22
+ @import "uikit/components/slideshow";
23
+ @import "uikit/components/sortable";
24
+ @import "uikit/components/sticky";
25
+ @import "uikit/components/tooltip";
26
+ @import "uikit/components/upload";
@@ -2,5 +2,25 @@
2
2
 
3
3
  @import "../extra/font-awesome";
4
4
  @import "uikit.almost-flat";
5
- @import "uikit/components/uikit.components";
6
- @import "uikit/components/uikit.components.almost-flat";
5
+
6
+ @import "components/accordion.almost-flat";
7
+ @import "components/autocomplete.almost-flat";
8
+ @import "components/datepicker.almost-flat";
9
+ @import "components/dotnav.almost-flat";
10
+ @import "components/form-advanced.almost-flat";
11
+ @import "components/form-file.almost-flat";
12
+ @import "components/form-password.almost-flat";
13
+ @import "components/form-select.almost-flat";
14
+ @import "components/htmleditor.almost-flat";
15
+ @import "components/nestable.almost-flat";
16
+ @import "components/notify.almost-flat";
17
+ @import "components/placeholder.almost-flat";
18
+ @import "components/progress.almost-flat";
19
+ @import "components/search.almost-flat";
20
+ @import "components/slidenav.almost-flat";
21
+ @import "components/slider.almost-flat";
22
+ @import "components/slideshow.almost-flat";
23
+ @import "components/sortable.almost-flat";
24
+ @import "components/sticky.almost-flat";
25
+ @import "components/tooltip.almost-flat";
26
+ @import "components/upload.almost-flat";
@@ -0,0 +1,45 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Accordion
4
+ ========================================================================== */
5
+ /* Sub-object: `uk-accordion-title`
6
+ ========================================================================== */
7
+
8
+ .uk-accordion-title {
9
+ margin-top: 0;
10
+ margin-bottom: 15px;
11
+ padding: 5px 15px;
12
+ background: #f5f5f5;
13
+ font-size: 18px;
14
+ line-height: 24px;
15
+ cursor: pointer;
16
+ border: 1px solid #dddddd;
17
+ border-radius: 4px;
18
+ }
19
+
20
+ /* Sub-object: `uk-accordion-content`
21
+ ========================================================================== */
22
+
23
+ .uk-accordion-content {
24
+ padding: 0 15px 15px 15px;
25
+ &:before {
26
+ content: "";
27
+ display: table;
28
+ }
29
+ &:after {
30
+ content: "";
31
+ display: table;
32
+ clear: both;
33
+ }
34
+ > :last-child {
35
+ margin-bottom: 0;
36
+ }
37
+ }
38
+
39
+ /*
40
+ * Micro clearfix to make panels more robust
41
+ */
42
+
43
+ /*
44
+ * Remove margin from the last-child
45
+ */
@@ -0,0 +1,45 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Accordion
4
+ ========================================================================== */
5
+ /* Sub-object: `uk-accordion-title`
6
+ ========================================================================== */
7
+
8
+ .uk-accordion-title {
9
+ margin-top: 0;
10
+ margin-bottom: 15px;
11
+ padding: 5px 15px;
12
+ background: #f7f7f7;
13
+ font-size: 18px;
14
+ line-height: 24px;
15
+ cursor: pointer;
16
+ border: 1px solid #dddddd;
17
+ border-radius: 4px;
18
+ }
19
+
20
+ /* Sub-object: `uk-accordion-content`
21
+ ========================================================================== */
22
+
23
+ .uk-accordion-content {
24
+ padding: 0 15px 15px 15px;
25
+ &:before {
26
+ content: "";
27
+ display: table;
28
+ }
29
+ &:after {
30
+ content: "";
31
+ display: table;
32
+ clear: both;
33
+ }
34
+ > :last-child {
35
+ margin-bottom: 0;
36
+ }
37
+ }
38
+
39
+ /*
40
+ * Micro clearfix to make panels more robust
41
+ */
42
+
43
+ /*
44
+ * Remove margin from the last-child
45
+ */
@@ -0,0 +1,43 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Accordion
4
+ ========================================================================== */
5
+ /* Sub-object: `uk-accordion-title`
6
+ ========================================================================== */
7
+
8
+ .uk-accordion-title {
9
+ margin-top: 0;
10
+ margin-bottom: 15px;
11
+ padding: 5px 15px;
12
+ background: #eeeeee;
13
+ font-size: 18px;
14
+ line-height: 24px;
15
+ cursor: pointer;
16
+ }
17
+
18
+ /* Sub-object: `uk-accordion-content`
19
+ ========================================================================== */
20
+
21
+ .uk-accordion-content {
22
+ padding: 0 15px 15px 15px;
23
+ &:before {
24
+ content: "";
25
+ display: table;
26
+ }
27
+ &:after {
28
+ content: "";
29
+ display: table;
30
+ clear: both;
31
+ }
32
+ > :last-child {
33
+ margin-bottom: 0;
34
+ }
35
+ }
36
+
37
+ /*
38
+ * Micro clearfix to make panels more robust
39
+ */
40
+
41
+ /*
42
+ * Remove margin from the last-child
43
+ */
@@ -0,0 +1,62 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Autocomplete
4
+ ========================================================================== */
5
+ /*
6
+ * 1. Container width fits its content
7
+ * 2. Create position context
8
+ * 3. Prevent `inline-block` consequences
9
+ * 4. Remove the gap between the container and its child element
10
+ */
11
+
12
+ .uk-autocomplete {
13
+ /* 1 */
14
+ display: inline-block;
15
+ /* 2 */
16
+ position: relative;
17
+ /* 3 */
18
+ max-width: 100%;
19
+ /* 4 */
20
+ vertical-align: middle;
21
+ }
22
+
23
+ /* Nav modifier `uk-nav-autocomplete`
24
+ ========================================================================== */
25
+ /*
26
+ * Items
27
+ */
28
+
29
+ .uk-nav-autocomplete {
30
+ > li {
31
+ > a {
32
+ color: #444444;
33
+ }
34
+ &.uk-active > a {
35
+ background: #00a8e6;
36
+ color: #ffffff;
37
+ /* 1 */
38
+ outline: none;
39
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
40
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
41
+ }
42
+ }
43
+ .uk-nav-header {
44
+ color: #999999;
45
+ }
46
+ .uk-nav-divider {
47
+ border-top: 1px solid #dddddd;
48
+ }
49
+ }
50
+
51
+ /*
52
+ * Active
53
+ * 1. Remove default focus style
54
+ */
55
+
56
+ /*
57
+ * Sub-object: `uk-nav-header`
58
+ */
59
+
60
+ /*
61
+ * Sub-object: `uk-nav-divider`
62
+ */
@@ -0,0 +1,62 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Autocomplete
4
+ ========================================================================== */
5
+ /*
6
+ * 1. Container width fits its content
7
+ * 2. Create position context
8
+ * 3. Prevent `inline-block` consequences
9
+ * 4. Remove the gap between the container and its child element
10
+ */
11
+
12
+ .uk-autocomplete {
13
+ /* 1 */
14
+ display: inline-block;
15
+ /* 2 */
16
+ position: relative;
17
+ /* 3 */
18
+ max-width: 100%;
19
+ /* 4 */
20
+ vertical-align: middle;
21
+ }
22
+
23
+ /* Nav modifier `uk-nav-autocomplete`
24
+ ========================================================================== */
25
+ /*
26
+ * Items
27
+ */
28
+
29
+ .uk-nav-autocomplete {
30
+ > li {
31
+ > a {
32
+ color: #444444;
33
+ }
34
+ &.uk-active > a {
35
+ background: #009dd8;
36
+ color: #ffffff;
37
+ /* 1 */
38
+ outline: none;
39
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
40
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
41
+ }
42
+ }
43
+ .uk-nav-header {
44
+ color: #999999;
45
+ }
46
+ .uk-nav-divider {
47
+ border-top: 1px solid #dddddd;
48
+ }
49
+ }
50
+
51
+ /*
52
+ * Active
53
+ * 1. Remove default focus style
54
+ */
55
+
56
+ /*
57
+ * Sub-object: `uk-nav-header`
58
+ */
59
+
60
+ /*
61
+ * Sub-object: `uk-nav-divider`
62
+ */
@@ -0,0 +1,60 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Autocomplete
4
+ ========================================================================== */
5
+ /*
6
+ * 1. Container width fits its content
7
+ * 2. Create position context
8
+ * 3. Prevent `inline-block` consequences
9
+ * 4. Remove the gap between the container and its child element
10
+ */
11
+
12
+ .uk-autocomplete {
13
+ /* 1 */
14
+ display: inline-block;
15
+ /* 2 */
16
+ position: relative;
17
+ /* 3 */
18
+ max-width: 100%;
19
+ /* 4 */
20
+ vertical-align: middle;
21
+ }
22
+
23
+ /* Nav modifier `uk-nav-autocomplete`
24
+ ========================================================================== */
25
+ /*
26
+ * Items
27
+ */
28
+
29
+ .uk-nav-autocomplete {
30
+ > li {
31
+ > a {
32
+ color: #444444;
33
+ }
34
+ &.uk-active > a {
35
+ background: #00a8e6;
36
+ color: #ffffff;
37
+ /* 1 */
38
+ outline: none;
39
+ }
40
+ }
41
+ .uk-nav-header {
42
+ color: #999999;
43
+ }
44
+ .uk-nav-divider {
45
+ border-top: 1px solid #dddddd;
46
+ }
47
+ }
48
+
49
+ /*
50
+ * Active
51
+ * 1. Remove default focus style
52
+ */
53
+
54
+ /*
55
+ * Sub-object: `uk-nav-header`
56
+ */
57
+
58
+ /*
59
+ * Sub-object: `uk-nav-divider`
60
+ */
@@ -0,0 +1,148 @@
1
+ /*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2
+ /* ========================================================================
3
+ Component: Datepicker
4
+ ========================================================================== */
5
+ /*
6
+ * 1. Highest z-index
7
+ * 2. Reset dropdown width
8
+ * 3. Set animation
9
+ * 4. Needed for scale animation
10
+ */
11
+
12
+ .uk-datepicker {
13
+ /* 1 */
14
+ z-index: 1050;
15
+ /* 2 */
16
+ width: auto;
17
+ /* 3 */
18
+ -webkit-animation: uk-fade 0.2s ease-in-out;
19
+ animation: uk-fade 0.2s ease-in-out;
20
+ /* 4 */
21
+ -webkit-transform-origin: 0 0;
22
+ transform-origin: 0 0;
23
+ }
24
+
25
+ /* Sub-object: `uk-datepicker-nav`
26
+ ========================================================================== */
27
+
28
+ .uk-datepicker-nav {
29
+ margin-bottom: 15px;
30
+ text-align: center;
31
+ line-height: 20px;
32
+ &:before {
33
+ content: "";
34
+ display: table;
35
+ }
36
+ &:after {
37
+ content: "";
38
+ display: table;
39
+ clear: both;
40
+ }
41
+ a {
42
+ color: #444444;
43
+ text-decoration: none;
44
+ &:hover {
45
+ color: #444444;
46
+ }
47
+ }
48
+ }
49
+
50
+ /*
51
+ * Micro clearfix
52
+ */
53
+
54
+ /*
55
+ * Previous and next navigation
56
+ */
57
+
58
+ .uk-datepicker-previous {
59
+ float: left;
60
+ }
61
+
62
+ .uk-datepicker-next {
63
+ float: right;
64
+ }
65
+
66
+ .uk-datepicker-previous:after, .uk-datepicker-next:after {
67
+ width: 20px;
68
+ font-family: FontAwesome;
69
+ }
70
+
71
+ .uk-datepicker-previous:after {
72
+ content: "\f053";
73
+ }
74
+
75
+ .uk-datepicker-next:after {
76
+ content: "\f054";
77
+ }
78
+
79
+ /* Sub-object: `uk-datepicker-heading`
80
+ ========================================================================== */
81
+ /* Sub-object: `uk-datepicker-table`
82
+ ========================================================================== */
83
+ /* Block element behavior */
84
+
85
+ .uk-datepicker-table {
86
+ width: 100%;
87
+ th, td {
88
+ padding: 2px;
89
+ }
90
+ th {
91
+ font-size: 12px;
92
+ }
93
+ a {
94
+ display: block;
95
+ width: 26px;
96
+ line-height: 24px;
97
+ text-align: center;
98
+ color: #444444;
99
+ text-decoration: none;
100
+ border: 1px solid transparent;
101
+ border-radius: 4px;
102
+ }
103
+ }
104
+
105
+ /*
106
+ * Item
107
+ */
108
+
109
+ /*
110
+ * Sub-object: `uk-datepicker-table-muted`
111
+ */
112
+
113
+ a.uk-datepicker-table-muted {
114
+ color: #999999;
115
+ }
116
+
117
+ /*
118
+ * Hover
119
+ * 1. Apply hover style also to focus state
120
+ * 2. Remove default focus style
121
+ */
122
+
123
+ .uk-datepicker-table a {
124
+ &:hover, &:focus {
125
+ background-color: #fafafa;
126
+ color: #444444;
127
+ /* 2 */
128
+ outline: none;
129
+ border-color: rgba(0, 0, 0, 0.16);
130
+ text-shadow: 0 1px 0 #ffffff;
131
+ }
132
+ &:active {
133
+ background-color: #eeeeee;
134
+ color: #444444;
135
+ }
136
+ &.uk-active {
137
+ background: #00a8e6;
138
+ color: #ffffff;
139
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
140
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
141
+ }
142
+ }
143
+
144
+ /* OnClick */
145
+
146
+ /*
147
+ * Active
148
+ */