uikit-rails 0.0.2 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (177) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -3
  3. data/Gemfile +2 -1
  4. data/LICENSE.txt +21 -0
  5. data/README.md +65 -0
  6. data/Rakefile +0 -1
  7. data/assets/fonts/FontAwesome.otf +0 -0
  8. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  9. data/assets/fonts/fontawesome-webfont.woff +0 -0
  10. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  11. data/assets/javascripts/components/accordion.js +174 -0
  12. data/assets/javascripts/components/accordion.min.js +2 -0
  13. data/assets/javascripts/components/autocomplete.js +334 -0
  14. data/assets/javascripts/components/autocomplete.min.js +2 -0
  15. data/assets/javascripts/components/datepicker.js +3166 -0
  16. data/assets/javascripts/components/datepicker.min.js +3 -0
  17. data/assets/javascripts/components/form-password.js +67 -0
  18. data/assets/javascripts/components/form-password.min.js +2 -0
  19. data/assets/javascripts/components/form-select.js +70 -0
  20. data/assets/javascripts/components/form-select.min.js +2 -0
  21. data/assets/javascripts/components/grid.js +527 -0
  22. data/assets/javascripts/components/grid.min.js +2 -0
  23. data/assets/javascripts/components/htmleditor.js +623 -0
  24. data/assets/javascripts/components/htmleditor.min.js +2 -0
  25. data/assets/javascripts/components/lightbox.js +555 -0
  26. data/assets/javascripts/components/lightbox.min.js +2 -0
  27. data/assets/javascripts/components/nestable.js +638 -0
  28. data/assets/javascripts/components/nestable.min.js +2 -0
  29. data/assets/javascripts/components/notify.js +189 -0
  30. data/assets/javascripts/components/notify.min.js +2 -0
  31. data/assets/javascripts/components/pagination.js +147 -0
  32. data/assets/javascripts/components/pagination.min.js +2 -0
  33. data/assets/javascripts/components/parallax.js +435 -0
  34. data/assets/javascripts/components/parallax.min.js +2 -0
  35. data/assets/javascripts/components/search.js +92 -0
  36. data/assets/javascripts/components/search.min.js +2 -0
  37. data/assets/javascripts/components/slider.js +531 -0
  38. data/assets/javascripts/components/slider.min.js +2 -0
  39. data/assets/javascripts/components/slideset.js +506 -0
  40. data/assets/javascripts/components/slideset.min.js +2 -0
  41. data/assets/javascripts/components/slideshow-fx.js +375 -0
  42. data/assets/javascripts/components/slideshow-fx.min.js +2 -0
  43. data/assets/javascripts/components/slideshow.js +562 -0
  44. data/assets/javascripts/components/slideshow.min.js +2 -0
  45. data/assets/javascripts/components/sortable.js +688 -0
  46. data/assets/javascripts/components/sortable.min.js +2 -0
  47. data/assets/javascripts/components/sticky.js +359 -0
  48. data/assets/javascripts/components/sticky.min.js +2 -0
  49. data/assets/javascripts/components/timepicker.js +192 -0
  50. data/assets/javascripts/components/timepicker.min.js +2 -0
  51. data/assets/javascripts/components/tooltip.js +234 -0
  52. data/assets/javascripts/components/tooltip.min.js +2 -0
  53. data/assets/javascripts/components/upload.js +260 -0
  54. data/assets/javascripts/components/upload.min.js +2 -0
  55. data/assets/javascripts/core/alert.js +66 -0
  56. data/assets/javascripts/core/alert.min.js +2 -0
  57. data/assets/javascripts/core/button.js +157 -0
  58. data/assets/javascripts/core/button.min.js +2 -0
  59. data/assets/javascripts/core/core.js +730 -0
  60. data/assets/javascripts/core/core.min.js +2 -0
  61. data/assets/javascripts/core/cover.js +95 -0
  62. data/assets/javascripts/core/cover.min.js +2 -0
  63. data/assets/javascripts/core/dropdown.js +514 -0
  64. data/assets/javascripts/core/dropdown.min.js +2 -0
  65. data/assets/javascripts/core/grid.js +114 -0
  66. data/assets/javascripts/core/grid.min.js +2 -0
  67. data/assets/javascripts/core/modal.js +384 -0
  68. data/assets/javascripts/core/modal.min.js +2 -0
  69. data/assets/javascripts/core/nav.js +136 -0
  70. data/assets/javascripts/core/nav.min.js +2 -0
  71. data/assets/javascripts/core/offcanvas.js +180 -0
  72. data/assets/javascripts/core/offcanvas.min.js +2 -0
  73. data/assets/javascripts/core/scrollspy.js +208 -0
  74. data/assets/javascripts/core/scrollspy.min.js +2 -0
  75. data/assets/javascripts/core/smooth-scroll.js +62 -0
  76. data/assets/javascripts/core/smooth-scroll.min.js +2 -0
  77. data/assets/javascripts/core/switcher.js +309 -0
  78. data/assets/javascripts/core/switcher.min.js +2 -0
  79. data/assets/javascripts/core/tab.js +167 -0
  80. data/assets/javascripts/core/tab.min.js +2 -0
  81. data/assets/javascripts/core/toggle.js +120 -0
  82. data/assets/javascripts/core/toggle.min.js +2 -0
  83. data/assets/javascripts/core/touch.js +175 -0
  84. data/assets/javascripts/core/touch.min.js +2 -0
  85. data/assets/javascripts/core/utility.js +289 -0
  86. data/assets/javascripts/core/utility.min.js +2 -0
  87. data/assets/javascripts/uikit-components.js +23 -0
  88. data/assets/javascripts/uikit.js +3706 -0
  89. data/assets/javascripts/uikit.min.js +3 -0
  90. data/assets/stylesheets/components/accordion.scss +94 -0
  91. data/assets/stylesheets/components/autocomplete.scss +102 -0
  92. data/assets/stylesheets/components/datepicker.scss +197 -0
  93. data/assets/stylesheets/components/dotnav.scss +212 -0
  94. data/assets/stylesheets/components/form-advanced.scss +128 -0
  95. data/assets/stylesheets/components/form-file.scss +63 -0
  96. data/assets/stylesheets/components/form-password.scss +74 -0
  97. data/assets/stylesheets/components/form-select.scss +66 -0
  98. data/assets/stylesheets/components/htmleditor.scss +269 -0
  99. data/assets/stylesheets/components/nestable.scss +229 -0
  100. data/assets/stylesheets/components/notify.scss +190 -0
  101. data/assets/stylesheets/components/placeholder.scss +66 -0
  102. data/assets/stylesheets/components/progress.scss +173 -0
  103. data/assets/stylesheets/components/search.scss +309 -0
  104. data/assets/stylesheets/components/slidenav.scss +183 -0
  105. data/assets/stylesheets/components/slider.scss +131 -0
  106. data/assets/stylesheets/components/slideshow.scss +208 -0
  107. data/assets/stylesheets/components/sortable.scss +122 -0
  108. data/assets/stylesheets/components/sticky.scss +64 -0
  109. data/assets/stylesheets/components/tooltip.scss +177 -0
  110. data/assets/stylesheets/components/upload.scss +34 -0
  111. data/assets/stylesheets/core/alert.scss +141 -0
  112. data/assets/stylesheets/core/animation.scss +599 -0
  113. data/assets/stylesheets/core/article.scss +139 -0
  114. data/assets/stylesheets/core/badge.scss +110 -0
  115. data/assets/stylesheets/core/base-noconflict.scss +397 -0
  116. data/assets/stylesheets/core/base.scss +541 -0
  117. data/assets/stylesheets/core/block.scss +153 -0
  118. data/assets/stylesheets/core/breadcrumb.scss +86 -0
  119. data/assets/stylesheets/core/button.scss +406 -0
  120. data/assets/stylesheets/core/close.scss +132 -0
  121. data/assets/stylesheets/core/column.scss +209 -0
  122. data/assets/stylesheets/core/comment.scss +172 -0
  123. data/assets/stylesheets/core/contrast.scss +493 -0
  124. data/assets/stylesheets/core/cover.scss +70 -0
  125. data/assets/stylesheets/core/description-list.scss +71 -0
  126. data/assets/stylesheets/core/dropdown.scss +280 -0
  127. data/assets/stylesheets/core/flex.scss +320 -0
  128. data/assets/stylesheets/core/form.scss +627 -0
  129. data/assets/stylesheets/core/grid.scss +688 -0
  130. data/assets/stylesheets/core/icon.scss +897 -0
  131. data/assets/stylesheets/core/list.scss +102 -0
  132. data/assets/stylesheets/core/modal.scss +341 -0
  133. data/assets/stylesheets/core/nav.scss +468 -0
  134. data/assets/stylesheets/core/navbar.scss +325 -0
  135. data/assets/stylesheets/core/offcanvas.scss +168 -0
  136. data/assets/stylesheets/core/overlay.scss +534 -0
  137. data/assets/stylesheets/core/pagination.scss +197 -0
  138. data/assets/stylesheets/core/panel.scss +332 -0
  139. data/assets/stylesheets/core/print.scss +59 -0
  140. data/assets/stylesheets/core/subnav.scss +213 -0
  141. data/assets/stylesheets/core/switcher.scss +38 -0
  142. data/assets/stylesheets/core/tab.scss +368 -0
  143. data/assets/stylesheets/core/table.scss +147 -0
  144. data/assets/stylesheets/core/text.scss +128 -0
  145. data/assets/stylesheets/core/thumbnail.scss +122 -0
  146. data/assets/stylesheets/core/thumbnav.scss +122 -0
  147. data/assets/stylesheets/core/utility.scss +606 -0
  148. data/assets/stylesheets/core/variables.scss +23 -0
  149. data/assets/stylesheets/uikit-components.scss +22 -0
  150. data/assets/stylesheets/uikit-mixins.scss +327 -0
  151. data/assets/stylesheets/uikit-variables.scss +817 -0
  152. data/assets/stylesheets/uikit.scss +56 -0
  153. data/lib/uikit-rails.rb +2 -2
  154. data/lib/uikit-rails/engine.rb +11 -1
  155. data/lib/uikit-rails/version.rb +1 -3
  156. data/uikit-rails.gemspec +15 -16
  157. metadata +169 -44
  158. data/README.rb +0 -1
  159. data/vendor/assets/javascripts/ui.card.js +0 -115
  160. data/vendor/assets/javascripts/ui.color-picker.js +0 -351
  161. data/vendor/assets/javascripts/ui.confirmation.js +0 -133
  162. data/vendor/assets/javascripts/ui.dialog.js +0 -252
  163. data/vendor/assets/javascripts/ui.emitter.js +0 -99
  164. data/vendor/assets/javascripts/ui.js +0 -1641
  165. data/vendor/assets/javascripts/ui.menu.js +0 -238
  166. data/vendor/assets/javascripts/ui.notification.js +0 -240
  167. data/vendor/assets/javascripts/ui.overlay.js +0 -79
  168. data/vendor/assets/javascripts/ui.split-button.js +0 -108
  169. data/vendor/assets/stylesheets/ui.card.css +0 -55
  170. data/vendor/assets/stylesheets/ui.color-picker.css +0 -6
  171. data/vendor/assets/stylesheets/ui.confirmation.css +0 -7
  172. data/vendor/assets/stylesheets/ui.css +0 -337
  173. data/vendor/assets/stylesheets/ui.dialog.css +0 -92
  174. data/vendor/assets/stylesheets/ui.menu.css +0 -32
  175. data/vendor/assets/stylesheets/ui.notification.css +0 -107
  176. data/vendor/assets/stylesheets/ui.overlay.css +0 -16
  177. data/vendor/assets/stylesheets/ui.split-button.css +0 -27
@@ -1,92 +0,0 @@
1
- #dialog {
2
- position: fixed;
3
- left: 50%;
4
- top: 150px;
5
- max-width: 600px;
6
- min-width: 250px;
7
- border: 1px solid #eee;
8
- background: white;
9
- z-index: 1000;
10
- }
11
-
12
- #dialog .content {
13
- padding: 15px 20px;
14
- }
15
-
16
- #dialog h1 {
17
- margin: 0 0 5px 0;
18
- font-size: 16px;
19
- font-weight: normal;
20
- }
21
-
22
- #dialog p {
23
- margin: 0;
24
- padding: 0;
25
- font-size: .9em;
26
- }
27
-
28
- #dialog.modal {
29
- box-shadow: 0 1px 8px 0 black;
30
- }
31
-
32
- /* close */
33
-
34
- #dialog .close {
35
- position: absolute;
36
- top: 3px;
37
- right: 10px;
38
- text-decoration: none;
39
- color: #888;
40
- font-size: 16px;
41
- font-weight: bold;
42
- display: none;
43
- }
44
-
45
- #dialog.closable .close {
46
- display: block;
47
- }
48
-
49
- #dialog .close:hover {
50
- color: black;
51
- }
52
-
53
- #dialog .close:active {
54
- margin-top: 1px;
55
- }
56
-
57
- /* slide */
58
-
59
- #dialog.slide {
60
- -webkit-transition: opacity 300ms, top 300ms;
61
- -moz-transition: opacity 300ms, top 300ms;
62
- }
63
-
64
- #dialog.slide.hide {
65
- opacity: 0;
66
- top: -500px;
67
- }
68
-
69
- /* fade */
70
-
71
- #dialog.fade {
72
- -webkit-transition: opacity 300ms;
73
- -moz-transition: opacity 300ms;
74
- }
75
-
76
- #dialog.fade.hide {
77
- opacity: 0;
78
- }
79
-
80
- /* scale */
81
-
82
- #dialog.scale {
83
- -webkit-transition: -webkit-transform 300ms;
84
- -moz-transition: -moz-transform 300ms;
85
- -webkit-transform: scale(1);
86
- -moz-transform: scale(1);
87
- }
88
-
89
- #dialog.scale.hide {
90
- -webkit-transform: scale(0);
91
- -moz-transform: scale(0);
92
- }
@@ -1,32 +0,0 @@
1
- .menu {
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- z-index: 100;
6
- margin: 0;
7
- padding: 0;
8
- background: white;
9
- border: 1px solid rgba(0,0,0,0.2);
10
- }
11
-
12
- .menu li {
13
- list-style: none;
14
- }
15
-
16
- .menu li a {
17
- display: block;
18
- padding: 5px 30px 5px 12px;
19
- text-decoration: none;
20
- border-top: 1px solid #eee;
21
- color: #2e2e2e;
22
- outline: none;
23
- }
24
-
25
- .menu li:first-child a {
26
- border-top: none;
27
- }
28
-
29
- .menu li a:hover,
30
- .menu li.selected a {
31
- background: #f1faff;
32
- }
@@ -1,107 +0,0 @@
1
-
2
- #notifications {
3
- position: fixed;
4
- top: 10px;
5
- right: 15px;
6
- }
7
-
8
- #notifications li {
9
- margin-bottom: 5px;
10
- list-style: none;
11
- }
12
-
13
- .notification {
14
- position: relative;
15
- max-width: 600px;
16
- min-width: 250px;
17
- border: 1px solid #eee;
18
- background: white;
19
- z-index: 100;
20
- }
21
-
22
- .notification .content {
23
- padding: 15px 20px;
24
- }
25
-
26
- .notification h1 {
27
- margin: 0 0 5px 0;
28
- font-size: 16px;
29
- font-weight: normal;
30
- }
31
-
32
- .notification p {
33
- margin: 0;
34
- padding: 0;
35
- font-size: .9em;
36
- }
37
-
38
- .notification .close {
39
- position: absolute;
40
- top: 5px;
41
- right: 10px;
42
- text-decoration: none;
43
- color: #888;
44
- display: none;
45
- }
46
-
47
- .notification.closable .close {
48
- display: block;
49
- }
50
-
51
- .notification .close:hover {
52
- color: black;
53
- }
54
-
55
- .notification .close:active {
56
- margin-top: 1px;
57
- }
58
-
59
- /* close */
60
-
61
- .notification .close {
62
- position: absolute;
63
- top: 3px;
64
- right: 10px;
65
- text-decoration: none;
66
- color: #888;
67
- font-size: 16px;
68
- font-weight: bold;
69
- display: none;
70
- }
71
-
72
- /* slide */
73
-
74
- .notification.slide {
75
- -webkit-transition: opacity 300ms, top 300ms;
76
- -moz-transition: opacity 300ms, top 300ms;
77
- }
78
-
79
- .notification.slide.hide {
80
- opacity: 0;
81
- top: -500px;
82
- }
83
-
84
- /* fade */
85
-
86
- .notification.fade {
87
- -webkit-transition: opacity 300ms;
88
- -moz-transition: opacity 300ms;
89
- }
90
-
91
- .notification.fade.hide {
92
- opacity: 0;
93
- }
94
-
95
- /* scale */
96
-
97
- .notification.scale {
98
- -webkit-transition: -webkit-transform 300ms;
99
- -moz-transition: -moz-transform 300ms;
100
- -webkit-transform: scale(1);
101
- -moz-transform: scale(1);
102
- }
103
-
104
- .notification.scale.hide {
105
- -webkit-transform: scale(0);
106
- -moz-transform: scale(0);
107
- }
@@ -1,16 +0,0 @@
1
- #overlay {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- opacity: 1;
6
- width: 100%;
7
- height: 100%;
8
- background: rgba(0,0,0,.75);
9
- transition: opacity 300ms;
10
- z-index: 500;
11
- }
12
-
13
- #overlay.hide {
14
- pointer-events: none;
15
- opacity: 0;
16
- }
@@ -1,27 +0,0 @@
1
- .split-button {
2
- display: inline-block;
3
- border: 1px solid #eee;
4
- }
5
-
6
- .split-button a {
7
- display: inline-block;
8
- float: left;
9
- height: 20px;
10
- line-height: 20px;
11
- padding: 5px 10px;
12
- text-decoration: none;
13
- -webkit-user-select: none;
14
- -moz-user-select: none;
15
- }
16
-
17
- .split-button .toggle {
18
- border-left: 1px solid #eee;
19
- }
20
-
21
- .split-button .toggle span {
22
- display: block;
23
- margin-top: 8px;
24
- border-left: 4px solid transparent;
25
- border-right: 4px solid transparent;
26
- border-top: 4px solid #888;
27
- }