uikit3-rails 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (293) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -0
  3. data/.travis.yml +5 -0
  4. data/Gemfile +4 -0
  5. data/LICENSE.txt +21 -0
  6. data/README.md +41 -0
  7. data/Rakefile +10 -0
  8. data/assets/images/backgrounds/accordion-close.svg +4 -0
  9. data/assets/images/backgrounds/accordion-open.svg +3 -0
  10. data/assets/images/backgrounds/divider-icon.svg +3 -0
  11. data/assets/images/backgrounds/form-checkbox-indeterminate.svg +3 -0
  12. data/assets/images/backgrounds/form-checkbox.svg +3 -0
  13. data/assets/images/backgrounds/form-radio.svg +3 -0
  14. data/assets/images/backgrounds/form-select.svg +4 -0
  15. data/assets/images/backgrounds/list-bullet.svg +3 -0
  16. data/assets/images/backgrounds/nav-parent-close.svg +3 -0
  17. data/assets/images/backgrounds/nav-parent-open.svg +3 -0
  18. data/assets/images/components/close-large.svg +4 -0
  19. data/assets/images/components/close.svg +4 -0
  20. data/assets/images/components/navbar-toggle.svg +5 -0
  21. data/assets/images/components/overlay.svg +4 -0
  22. data/assets/images/components/pagination-next.svg +3 -0
  23. data/assets/images/components/pagination-previous.svg +3 -0
  24. data/assets/images/components/search-default.svg +4 -0
  25. data/assets/images/components/search-large.svg +4 -0
  26. data/assets/images/components/search-navbar.svg +4 -0
  27. data/assets/images/components/slidenav-large-next.svg +3 -0
  28. data/assets/images/components/slidenav-large-previous.svg +3 -0
  29. data/assets/images/components/slidenav-next.svg +3 -0
  30. data/assets/images/components/slidenav-previous.svg +3 -0
  31. data/assets/images/components/spinner.svg +3 -0
  32. data/assets/images/components/totop.svg +3 -0
  33. data/assets/images/symbols/album.svg +5 -0
  34. data/assets/images/symbols/arrow-down.svg +4 -0
  35. data/assets/images/symbols/arrow-left.svg +4 -0
  36. data/assets/images/symbols/arrow-right.svg +4 -0
  37. data/assets/images/symbols/arrow-up.svg +4 -0
  38. data/assets/images/symbols/ban.svg +4 -0
  39. data/assets/images/symbols/behance.svg +5 -0
  40. data/assets/images/symbols/bell.svg +4 -0
  41. data/assets/images/symbols/bold.svg +3 -0
  42. data/assets/images/symbols/bolt.svg +3 -0
  43. data/assets/images/symbols/bookmark.svg +3 -0
  44. data/assets/images/symbols/calendar.svg +5 -0
  45. data/assets/images/symbols/camera.svg +4 -0
  46. data/assets/images/symbols/cart.svg +5 -0
  47. data/assets/images/symbols/check.svg +3 -0
  48. data/assets/images/symbols/chevron-down.svg +3 -0
  49. data/assets/images/symbols/chevron-left.svg +3 -0
  50. data/assets/images/symbols/chevron-right.svg +3 -0
  51. data/assets/images/symbols/chevron-up.svg +3 -0
  52. data/assets/images/symbols/clock.svg +5 -0
  53. data/assets/images/symbols/close.svg +4 -0
  54. data/assets/images/symbols/cloud-download.svg +5 -0
  55. data/assets/images/symbols/cloud-upload.svg +5 -0
  56. data/assets/images/symbols/code.svg +4 -0
  57. data/assets/images/symbols/cog.svg +4 -0
  58. data/assets/images/symbols/comment.svg +3 -0
  59. data/assets/images/symbols/commenting.svg +6 -0
  60. data/assets/images/symbols/comments.svg +4 -0
  61. data/assets/images/symbols/copy.svg +4 -0
  62. data/assets/images/symbols/credit-card.svg +4 -0
  63. data/assets/images/symbols/database.svg +6 -0
  64. data/assets/images/symbols/desktop.svg +6 -0
  65. data/assets/images/symbols/download.svg +5 -0
  66. data/assets/images/symbols/dribbble.svg +6 -0
  67. data/assets/images/symbols/expand.svg +6 -0
  68. data/assets/images/symbols/facebook.svg +3 -0
  69. data/assets/images/symbols/file-edit.svg +4 -0
  70. data/assets/images/symbols/file.svg +3 -0
  71. data/assets/images/symbols/flickr.svg +4 -0
  72. data/assets/images/symbols/folder.svg +3 -0
  73. data/assets/images/symbols/forward.svg +3 -0
  74. data/assets/images/symbols/foursquare.svg +3 -0
  75. data/assets/images/symbols/future.svg +6 -0
  76. data/assets/images/symbols/git-branch.svg +6 -0
  77. data/assets/images/symbols/git-fork.svg +6 -0
  78. data/assets/images/symbols/github-alt.svg +3 -0
  79. data/assets/images/symbols/github.svg +3 -0
  80. data/assets/images/symbols/google-plus.svg +4 -0
  81. data/assets/images/symbols/google.svg +3 -0
  82. data/assets/images/symbols/grid.svg +11 -0
  83. data/assets/images/symbols/happy.svg +6 -0
  84. data/assets/images/symbols/hashtag.svg +3 -0
  85. data/assets/images/symbols/heart.svg +3 -0
  86. data/assets/images/symbols/history.svg +6 -0
  87. data/assets/images/symbols/home.svg +5 -0
  88. data/assets/images/symbols/image.svg +6 -0
  89. data/assets/images/symbols/info.svg +4 -0
  90. data/assets/images/symbols/instagram.svg +5 -0
  91. data/assets/images/symbols/italic.svg +3 -0
  92. data/assets/images/symbols/joomla.svg +6 -0
  93. data/assets/images/symbols/laptop.svg +4 -0
  94. data/assets/images/symbols/lifesaver.svg +3 -0
  95. data/assets/images/symbols/link.svg +5 -0
  96. data/assets/images/symbols/linkedin.svg +4 -0
  97. data/assets/images/symbols/list.svg +8 -0
  98. data/assets/images/symbols/location.svg +4 -0
  99. data/assets/images/symbols/lock.svg +4 -0
  100. data/assets/images/symbols/mail.svg +4 -0
  101. data/assets/images/symbols/menu.svg +5 -0
  102. data/assets/images/symbols/minus-circle.svg +4 -0
  103. data/assets/images/symbols/minus.svg +3 -0
  104. data/assets/images/symbols/more-vertical.svg +5 -0
  105. data/assets/images/symbols/more.svg +5 -0
  106. data/assets/images/symbols/move.svg +8 -0
  107. data/assets/images/symbols/nut.svg +4 -0
  108. data/assets/images/symbols/pagekit.svg +3 -0
  109. data/assets/images/symbols/paint-bucket.svg +5 -0
  110. data/assets/images/symbols/pencil.svg +4 -0
  111. data/assets/images/symbols/phone-landscape.svg +4 -0
  112. data/assets/images/symbols/phone-receiver.svg +3 -0
  113. data/assets/images/symbols/phone.svg +4 -0
  114. data/assets/images/symbols/pinterest.svg +3 -0
  115. data/assets/images/symbols/play-circle.svg +4 -0
  116. data/assets/images/symbols/play.svg +3 -0
  117. data/assets/images/symbols/plus-circle.svg +5 -0
  118. data/assets/images/symbols/plus.svg +4 -0
  119. data/assets/images/symbols/pull.svg +5 -0
  120. data/assets/images/symbols/push.svg +5 -0
  121. data/assets/images/symbols/question.svg +5 -0
  122. data/assets/images/symbols/quote-right.svg +4 -0
  123. data/assets/images/symbols/refresh.svg +4 -0
  124. data/assets/images/symbols/reply.svg +3 -0
  125. data/assets/images/symbols/rss.svg +5 -0
  126. data/assets/images/symbols/search.svg +4 -0
  127. data/assets/images/symbols/server.svg +15 -0
  128. data/assets/images/symbols/settings.svg +11 -0
  129. data/assets/images/symbols/shrink.svg +6 -0
  130. data/assets/images/symbols/sign-in.svg +4 -0
  131. data/assets/images/symbols/sign-out.svg +4 -0
  132. data/assets/images/symbols/social.svg +7 -0
  133. data/assets/images/symbols/soundcloud.svg +6 -0
  134. data/assets/images/symbols/star.svg +3 -0
  135. data/assets/images/symbols/strikethrough.svg +4 -0
  136. data/assets/images/symbols/table.svg +6 -0
  137. data/assets/images/symbols/tablet-landscape.svg +4 -0
  138. data/assets/images/symbols/tablet.svg +4 -0
  139. data/assets/images/symbols/tag.svg +4 -0
  140. data/assets/images/symbols/thumbnails.svg +6 -0
  141. data/assets/images/symbols/trash.svg +7 -0
  142. data/assets/images/symbols/triangle-down.svg +3 -0
  143. data/assets/images/symbols/triangle-left.svg +3 -0
  144. data/assets/images/symbols/triangle-right.svg +3 -0
  145. data/assets/images/symbols/triangle-up.svg +3 -0
  146. data/assets/images/symbols/tumblr.svg +3 -0
  147. data/assets/images/symbols/tv.svg +4 -0
  148. data/assets/images/symbols/twitter.svg +3 -0
  149. data/assets/images/symbols/uikit.svg +4 -0
  150. data/assets/images/symbols/unlock.svg +4 -0
  151. data/assets/images/symbols/upload.svg +5 -0
  152. data/assets/images/symbols/user.svg +4 -0
  153. data/assets/images/symbols/users.svg +5 -0
  154. data/assets/images/symbols/video-camera.svg +4 -0
  155. data/assets/images/symbols/vimeo.svg +3 -0
  156. data/assets/images/symbols/warning.svg +5 -0
  157. data/assets/images/symbols/whatsapp.svg +3 -0
  158. data/assets/images/symbols/wordpress.svg +3 -0
  159. data/assets/images/symbols/world.svg +7 -0
  160. data/assets/images/symbols/xing.svg +4 -0
  161. data/assets/images/symbols/youtube.svg +3 -0
  162. data/assets/javascripts/uikit.js +6398 -0
  163. data/assets/stylesheets/components/_import.components.less +55 -0
  164. data/assets/stylesheets/components/_import.utilities.less +19 -0
  165. data/assets/stylesheets/components/accordion.less +110 -0
  166. data/assets/stylesheets/components/alert.less +147 -0
  167. data/assets/stylesheets/components/align.less +142 -0
  168. data/assets/stylesheets/components/animation.less +638 -0
  169. data/assets/stylesheets/components/article.less +113 -0
  170. data/assets/stylesheets/components/background.less +136 -0
  171. data/assets/stylesheets/components/badge.less +104 -0
  172. data/assets/stylesheets/components/base.less +737 -0
  173. data/assets/stylesheets/components/breadcrumb.less +150 -0
  174. data/assets/stylesheets/components/button.less +541 -0
  175. data/assets/stylesheets/components/card.less +363 -0
  176. data/assets/stylesheets/components/close.less +119 -0
  177. data/assets/stylesheets/components/column.less +285 -0
  178. data/assets/stylesheets/components/comment.less +171 -0
  179. data/assets/stylesheets/components/container.less +106 -0
  180. data/assets/stylesheets/components/cover.less +56 -0
  181. data/assets/stylesheets/components/description-list.less +71 -0
  182. data/assets/stylesheets/components/divider.less +147 -0
  183. data/assets/stylesheets/components/dotnav.less +190 -0
  184. data/assets/stylesheets/components/drop.less +74 -0
  185. data/assets/stylesheets/components/dropdown.less +150 -0
  186. data/assets/stylesheets/components/flex.less +335 -0
  187. data/assets/stylesheets/components/form.less +836 -0
  188. data/assets/stylesheets/components/grid.less +363 -0
  189. data/assets/stylesheets/components/heading.less +238 -0
  190. data/assets/stylesheets/components/icon.less +242 -0
  191. data/assets/stylesheets/components/iconnav.less +166 -0
  192. data/assets/stylesheets/components/inverse.less +52 -0
  193. data/assets/stylesheets/components/label.less +110 -0
  194. data/assets/stylesheets/components/link.less +91 -0
  195. data/assets/stylesheets/components/list.less +205 -0
  196. data/assets/stylesheets/components/margin.less +161 -0
  197. data/assets/stylesheets/components/mixin.less +20 -0
  198. data/assets/stylesheets/components/modal.less +403 -0
  199. data/assets/stylesheets/components/nav.less +438 -0
  200. data/assets/stylesheets/components/navbar.less +596 -0
  201. data/assets/stylesheets/components/notification.less +190 -0
  202. data/assets/stylesheets/components/offcanvas.less +250 -0
  203. data/assets/stylesheets/components/overlay.less +89 -0
  204. data/assets/stylesheets/components/padding.less +79 -0
  205. data/assets/stylesheets/components/pagination.less +169 -0
  206. data/assets/stylesheets/components/placeholder.less +45 -0
  207. data/assets/stylesheets/components/position.less +221 -0
  208. data/assets/stylesheets/components/print.less +61 -0
  209. data/assets/stylesheets/components/progress.less +102 -0
  210. data/assets/stylesheets/components/search.less +442 -0
  211. data/assets/stylesheets/components/section.less +230 -0
  212. data/assets/stylesheets/components/slidenav.less +145 -0
  213. data/assets/stylesheets/components/sortable.less +101 -0
  214. data/assets/stylesheets/components/spinner.less +103 -0
  215. data/assets/stylesheets/components/sticky.less +57 -0
  216. data/assets/stylesheets/components/subnav.less +305 -0
  217. data/assets/stylesheets/components/switcher.less +47 -0
  218. data/assets/stylesheets/components/tab.less +226 -0
  219. data/assets/stylesheets/components/table.less +207 -0
  220. data/assets/stylesheets/components/text.less +254 -0
  221. data/assets/stylesheets/components/tooltip.less +84 -0
  222. data/assets/stylesheets/components/totop.less +97 -0
  223. data/assets/stylesheets/components/transition.less +187 -0
  224. data/assets/stylesheets/components/utility.less +516 -0
  225. data/assets/stylesheets/components/variables.less +117 -0
  226. data/assets/stylesheets/components/visibility.less +109 -0
  227. data/assets/stylesheets/components/width.less +418 -0
  228. data/assets/stylesheets/theme/_import.less +72 -0
  229. data/assets/stylesheets/theme/accordion.less +76 -0
  230. data/assets/stylesheets/theme/alert.less +76 -0
  231. data/assets/stylesheets/theme/align.less +14 -0
  232. data/assets/stylesheets/theme/animation.less +14 -0
  233. data/assets/stylesheets/theme/article.less +60 -0
  234. data/assets/stylesheets/theme/background.less +14 -0
  235. data/assets/stylesheets/theme/badge.less +29 -0
  236. data/assets/stylesheets/theme/base.less +134 -0
  237. data/assets/stylesheets/theme/breadcrumb.less +42 -0
  238. data/assets/stylesheets/theme/button.less +221 -0
  239. data/assets/stylesheets/theme/card.less +193 -0
  240. data/assets/stylesheets/theme/close.less +34 -0
  241. data/assets/stylesheets/theme/column.less +14 -0
  242. data/assets/stylesheets/theme/comment.less +72 -0
  243. data/assets/stylesheets/theme/container.less +14 -0
  244. data/assets/stylesheets/theme/description-list.less +36 -0
  245. data/assets/stylesheets/theme/divider.less +41 -0
  246. data/assets/stylesheets/theme/dotnav.less +41 -0
  247. data/assets/stylesheets/theme/drop.less +14 -0
  248. data/assets/stylesheets/theme/dropdown.less +45 -0
  249. data/assets/stylesheets/theme/form.less +150 -0
  250. data/assets/stylesheets/theme/grid.less +14 -0
  251. data/assets/stylesheets/theme/heading.less +59 -0
  252. data/assets/stylesheets/theme/icon.less +55 -0
  253. data/assets/stylesheets/theme/iconnav.less +34 -0
  254. data/assets/stylesheets/theme/inverse.less +14 -0
  255. data/assets/stylesheets/theme/label.less +46 -0
  256. data/assets/stylesheets/theme/link.less +35 -0
  257. data/assets/stylesheets/theme/list.less +49 -0
  258. data/assets/stylesheets/theme/margin.less +14 -0
  259. data/assets/stylesheets/theme/modal.less +95 -0
  260. data/assets/stylesheets/theme/nav.less +94 -0
  261. data/assets/stylesheets/theme/navbar.less +175 -0
  262. data/assets/stylesheets/theme/notification.less +44 -0
  263. data/assets/stylesheets/theme/offcanvas.less +26 -0
  264. data/assets/stylesheets/theme/overlay.less +33 -0
  265. data/assets/stylesheets/theme/padding.less +14 -0
  266. data/assets/stylesheets/theme/pagination.less +44 -0
  267. data/assets/stylesheets/theme/placeholder.less +29 -0
  268. data/assets/stylesheets/theme/position.less +14 -0
  269. data/assets/stylesheets/theme/progress.less +27 -0
  270. data/assets/stylesheets/theme/search.less +67 -0
  271. data/assets/stylesheets/theme/section.less +34 -0
  272. data/assets/stylesheets/theme/slidenav.less +49 -0
  273. data/assets/stylesheets/theme/sortable.less +38 -0
  274. data/assets/stylesheets/theme/spinner.less +14 -0
  275. data/assets/stylesheets/theme/sticky.less +14 -0
  276. data/assets/stylesheets/theme/subnav.less +81 -0
  277. data/assets/stylesheets/theme/tab.less +139 -0
  278. data/assets/stylesheets/theme/table.less +65 -0
  279. data/assets/stylesheets/theme/text.less +60 -0
  280. data/assets/stylesheets/theme/tooltip.less +20 -0
  281. data/assets/stylesheets/theme/totop.less +35 -0
  282. data/assets/stylesheets/theme/transition.less +14 -0
  283. data/assets/stylesheets/theme/utility.less +46 -0
  284. data/assets/stylesheets/theme/variables.less +36 -0
  285. data/assets/stylesheets/theme/width.less +14 -0
  286. data/assets/stylesheets/uikit.less +17 -0
  287. data/assets/stylesheets/uikit.theme.less +23 -0
  288. data/bin/console +14 -0
  289. data/bin/setup +8 -0
  290. data/lib/uikit3/rails.rb +8 -0
  291. data/lib/uikit3/rails/version.rb +5 -0
  292. data/uikit3-rails.gemspec +29 -0
  293. metadata +391 -0
@@ -0,0 +1,55 @@
1
+ // Base
2
+ @import "variables.less";
3
+ @import "mixin.less";
4
+ @import "base.less";
5
+
6
+ // Elements
7
+ @import "link.less";
8
+ @import "heading.less";
9
+ @import "divider.less";
10
+ @import "list.less";
11
+ @import "description-list.less";
12
+ @import "table.less";
13
+ @import "icon.less";
14
+ @import "form.less"; // After: Icon
15
+ @import "button.less";
16
+
17
+ // Layout
18
+ @import "section.less";
19
+ @import "container.less";
20
+ @import "grid.less";
21
+ @import "card.less";
22
+
23
+ // Common
24
+ @import "close.less"; // After: Icon
25
+ @import "spinner.less"; // After: Icon
26
+ @import "totop.less"; // After: Icon
27
+ @import "alert.less"; // After: Close
28
+ @import "badge.less";
29
+ @import "label.less";
30
+ @import "overlay.less"; // After: Icon
31
+ @import "article.less"; // After: Subnav
32
+ @import "comment.less"; // After: Subnav
33
+ @import "search.less"; // After: Icon
34
+
35
+ // Navs
36
+ @import "nav.less";
37
+ @import "navbar.less"; // After: Card, Grid, Nav, Icon, Search
38
+ @import "subnav.less";
39
+ @import "breadcrumb.less";
40
+ @import "pagination.less";
41
+ @import "tab.less";
42
+ @import "slidenav.less"; // After: Icon
43
+ @import "dotnav.less";
44
+
45
+ // JavaScript
46
+ @import "accordion.less";
47
+ @import "drop.less"; // After: Card
48
+ @import "dropdown.less"; // After: Card
49
+ @import "modal.less"; // After: Close
50
+ @import "sticky.less";
51
+ @import "offcanvas.less";
52
+ @import "switcher.less";
53
+ // Scrollspy
54
+ // Toggle
55
+ // Scroll
@@ -0,0 +1,19 @@
1
+ // Utilities
2
+ @import "animation.less";
3
+ @import "width.less";
4
+ @import "text.less";
5
+ @import "column.less";
6
+ @import "cover.less";
7
+ @import "background.less";
8
+ @import "align.less";
9
+ @import "utility.less";
10
+ @import "flex.less"; // After: Utility
11
+ @import "margin.less";
12
+ @import "padding.less";
13
+ @import "position.less";
14
+ @import "transition.less";
15
+ @import "visibility.less";
16
+ @import "inverse.less";
17
+
18
+ // Need to be loaded last
19
+ @import "print.less";
@@ -0,0 +1,110 @@
1
+ // Name: Accordion
2
+ // Description: Component to create accordions
3
+ //
4
+ // Component: `uk-accordion`
5
+ //
6
+ // Sub-objects: `uk-accordion-title`
7
+ // `uk-accordion-content`
8
+ //
9
+ // ========================================================================
10
+
11
+
12
+ // Variables
13
+ // ========================================================================
14
+
15
+ @accordion-item-margin-top: @global-margin;
16
+
17
+ @accordion-title-font-size: @global-medium-font-size;
18
+ @accordion-title-line-height: 1.4;
19
+
20
+ @accordion-content-margin-top: @global-margin;
21
+
22
+
23
+ /* ========================================================================
24
+ Component: Accordion
25
+ ========================================================================== */
26
+
27
+ .uk-accordion {
28
+ padding: 0;
29
+ list-style: none;
30
+ .hook-accordion;
31
+ }
32
+
33
+
34
+ /* Item
35
+ ========================================================================== */
36
+
37
+ .uk-accordion > :nth-child(n+2) {
38
+ margin-top: @accordion-item-margin-top;
39
+ .hook-accordion-item;
40
+ }
41
+
42
+
43
+ /* Title
44
+ ========================================================================== */
45
+
46
+ .uk-accordion-title {
47
+ margin: 0;
48
+ font-size: @accordion-title-font-size;
49
+ line-height: @accordion-title-line-height;
50
+ cursor: pointer;
51
+ .hook-accordion-title;
52
+ }
53
+
54
+
55
+ /* Content
56
+ ========================================================================== */
57
+
58
+ .uk-accordion-content {
59
+ margin-top: @accordion-content-margin-top;
60
+ .hook-accordion-content;
61
+ }
62
+
63
+ /*
64
+ * Micro clearfix
65
+ */
66
+
67
+ .uk-accordion-content:before,
68
+ .uk-accordion-content:after {
69
+ content: "";
70
+ display: table;
71
+ }
72
+
73
+ .uk-accordion-content:after { clear: both; }
74
+
75
+ /*
76
+ * Remove margin from the last-child
77
+ */
78
+
79
+ .uk-accordion-content > :last-child { margin-bottom: 0; }
80
+
81
+
82
+ // Hooks
83
+ // ========================================================================
84
+
85
+ .hook-accordion-misc;
86
+
87
+ .hook-accordion() {}
88
+ .hook-accordion-item() {}
89
+ .hook-accordion-title() {}
90
+ .hook-accordion-content() {}
91
+ .hook-accordion-misc() {}
92
+
93
+
94
+ // Inverse
95
+ // ========================================================================
96
+
97
+ .hook-inverse() {
98
+
99
+ .uk-accordion > :nth-child(n+2) {
100
+ .hook-inverse-accordion-item;
101
+ }
102
+
103
+ .uk-accordion-title {
104
+ .hook-inverse-accordion-title;
105
+ }
106
+
107
+ }
108
+
109
+ .hook-inverse-accordion-item() {}
110
+ .hook-inverse-accordion-title() {}
@@ -0,0 +1,147 @@
1
+ // Name: Alert
2
+ // Description: Component to create alert messages
3
+ //
4
+ // Component: `uk-alert`
5
+ //
6
+ // Adopted: `uk-alert-close`
7
+ //
8
+ // Modifiers: `uk-alert-primary`
9
+ // `uk-alert-success`
10
+ // `uk-alert-warning`
11
+ // `uk-alert-danger`
12
+ //
13
+ // ========================================================================
14
+
15
+
16
+ // Variables
17
+ // ========================================================================
18
+
19
+ @alert-margin-vertical: @global-margin;
20
+ @alert-padding: @global-small-gutter;
21
+ @alert-padding-right: @alert-padding + 14px;
22
+ @alert-background: @global-muted-background;
23
+ @alert-color: @global-color;
24
+
25
+ @alert-close-top: @alert-padding + 5px;
26
+ @alert-close-right: @alert-padding;
27
+
28
+ @alert-primary-background: lighten(tint(@global-primary-background, 40%), 20%);
29
+ @alert-primary-color: @global-primary-background;
30
+
31
+ @alert-success-background: lighten(tint(@global-success-background, 40%), 25%);
32
+ @alert-success-color: @global-success-background;
33
+
34
+ @alert-warning-background: lighten(tint(@global-warning-background, 45%), 15%);
35
+ @alert-warning-color: @global-warning-background;
36
+
37
+ @alert-danger-background: lighten(tint(@global-danger-background, 40%), 20%);
38
+ @alert-danger-color: @global-danger-background;
39
+
40
+
41
+ /* ========================================================================
42
+ Component: Alert
43
+ ========================================================================== */
44
+
45
+ .uk-alert {
46
+ position: relative;
47
+ margin-bottom: @alert-margin-vertical;
48
+ padding: @alert-padding @alert-padding-right @alert-padding @alert-padding;
49
+ background: @alert-background;
50
+ color: @alert-color;
51
+ .hook-alert;
52
+ }
53
+
54
+ /* Add margin if adjacent element */
55
+ * + .uk-alert { margin-top: @alert-margin-vertical; }
56
+
57
+ /*
58
+ * Remove margin from the last-child
59
+ */
60
+
61
+ .uk-alert > :last-child { margin-bottom: 0; }
62
+
63
+
64
+ /* Close
65
+ * Adopts `uk-close`
66
+ ========================================================================== */
67
+
68
+ .uk-alert-close {
69
+ position: absolute;
70
+ top: @alert-close-top;
71
+ right: @alert-close-right;
72
+ .hook-alert-close;
73
+ }
74
+
75
+ /*
76
+ * Remove margin from adjacent element
77
+ */
78
+
79
+ .uk-alert-close:first-child + * { margin-top: 0; }
80
+
81
+ /*
82
+ * Hover + Focus
83
+ */
84
+
85
+ .uk-alert-close:hover,
86
+ .uk-alert-close:focus {
87
+ .hook-alert-close-hover;
88
+ }
89
+
90
+
91
+ /* Style modifiers
92
+ ========================================================================== */
93
+
94
+ /*
95
+ * Primary
96
+ */
97
+
98
+ .uk-alert-primary {
99
+ background: @alert-primary-background;
100
+ color: @alert-primary-color;
101
+ .hook-alert-primary;
102
+ }
103
+
104
+ /*
105
+ * Success
106
+ */
107
+
108
+ .uk-alert-success {
109
+ background: @alert-success-background;
110
+ color: @alert-success-color;
111
+ .hook-alert-success;
112
+ }
113
+
114
+ /*
115
+ * Warning
116
+ */
117
+
118
+ .uk-alert-warning {
119
+ background: @alert-warning-background;
120
+ color: @alert-warning-color;
121
+ .hook-alert-warning;
122
+ }
123
+
124
+ /*
125
+ * Danger
126
+ */
127
+
128
+ .uk-alert-danger {
129
+ background: @alert-danger-background;
130
+ color: @alert-danger-color;
131
+ .hook-alert-danger;
132
+ }
133
+
134
+
135
+ // Hooks
136
+ // ========================================================================
137
+
138
+ .hook-alert-misc;
139
+
140
+ .hook-alert() {}
141
+ .hook-alert-close() {}
142
+ .hook-alert-close-hover() {}
143
+ .hook-alert-primary() {}
144
+ .hook-alert-success() {}
145
+ .hook-alert-warning() {}
146
+ .hook-alert-danger() {}
147
+ .hook-alert-misc() {}
@@ -0,0 +1,142 @@
1
+ // Name: Align
2
+ // Description: Utilities to align embedded content
3
+ //
4
+ // Component: `uk-align-left-*`
5
+ // `uk-align-right-*`
6
+ // `uk-align-center`
7
+ //
8
+ // ========================================================================
9
+
10
+
11
+ // Variables
12
+ // ========================================================================
13
+
14
+ @align-margin-horizontal: @global-gutter;
15
+ @align-margin-vertical: @global-gutter;
16
+
17
+ @align-margin-horizontal-l: @global-medium-gutter;
18
+
19
+
20
+ /* ========================================================================
21
+ Component: Align
22
+ ========================================================================== */
23
+
24
+ /*
25
+ * Default
26
+ */
27
+
28
+ [class*='uk-align'] {
29
+ display: block;
30
+ margin-bottom: @align-margin-vertical;
31
+ }
32
+
33
+ * + [class*='uk-align'] { margin-top: @align-margin-vertical; }
34
+
35
+ /*
36
+ * Center
37
+ */
38
+
39
+ .uk-align-center {
40
+ margin-left: auto;
41
+ margin-right: auto;
42
+ }
43
+
44
+ /*
45
+ * Left/Right
46
+ */
47
+
48
+ .uk-align-left {
49
+ margin-top: 0;
50
+ margin-right: @align-margin-horizontal;
51
+ float: left;
52
+ }
53
+
54
+ .uk-align-right {
55
+ margin-top: 0;
56
+ margin-left: @align-margin-horizontal;
57
+ float: right;
58
+ }
59
+
60
+ /* Phone landscape and bigger */
61
+ @media (min-width: @breakpoint-small) {
62
+
63
+ .uk-align-left\@s {
64
+ margin-top: 0;
65
+ margin-right: @align-margin-horizontal;
66
+ float: left;
67
+ }
68
+
69
+ .uk-align-right\@s {
70
+ margin-top: 0;
71
+ margin-left: @align-margin-horizontal;
72
+ float: right;
73
+ }
74
+
75
+ }
76
+
77
+ /* Tablet landscape and bigger */
78
+ @media (min-width: @breakpoint-medium) {
79
+
80
+ .uk-align-left\@m {
81
+ margin-top: 0;
82
+ margin-right: @align-margin-horizontal;
83
+ float: left;
84
+ }
85
+
86
+ .uk-align-right\@m {
87
+ margin-top: 0;
88
+ margin-left: @align-margin-horizontal;
89
+ float: right;
90
+ }
91
+
92
+ }
93
+
94
+ /* Desktop and bigger */
95
+ @media (min-width: @breakpoint-large) {
96
+
97
+ .uk-align-left\@l {
98
+ margin-top: 0;
99
+ float: left;
100
+ }
101
+
102
+ .uk-align-right\@l {
103
+ margin-top: 0;
104
+ float: right;
105
+ }
106
+
107
+ .uk-align-left,
108
+ .uk-align-left\@s,
109
+ .uk-align-left\@m,
110
+ .uk-align-left\@l { margin-right: @align-margin-horizontal-l; }
111
+
112
+ .uk-align-right,
113
+ .uk-align-right\@s,
114
+ .uk-align-right\@m,
115
+ .uk-align-right\@l { margin-left: @align-margin-horizontal-l; }
116
+
117
+ }
118
+
119
+ /* Large screen and bigger */
120
+ @media (min-width: @breakpoint-xlarge) {
121
+
122
+ .uk-align-left\@xl {
123
+ margin-top: 0;
124
+ margin-right: @align-margin-horizontal-l;
125
+ float: left;
126
+ }
127
+
128
+ .uk-align-right\@xl {
129
+ margin-top: 0;
130
+ margin-left: @align-margin-horizontal-l;
131
+ float: right;
132
+ }
133
+
134
+ }
135
+
136
+
137
+ // Hooks
138
+ // ========================================================================
139
+
140
+ .hook-align-misc;
141
+
142
+ .hook-align-misc() {}