tabler_ui_rails 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (543) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +43 -0
  3. data/assets/fonts/feather/feather-webfont.eot +0 -0
  4. data/assets/fonts/feather/feather-webfont.svg +1038 -0
  5. data/assets/fonts/feather/feather-webfont.ttf +0 -0
  6. data/assets/fonts/feather/feather-webfont.woff +0 -0
  7. data/assets/images/browsers/android-browser.svg +1 -0
  8. data/assets/images/browsers/aol-explorer.svg +1 -0
  9. data/assets/images/browsers/blackberry.svg +1 -0
  10. data/assets/images/browsers/camino.svg +1 -0
  11. data/assets/images/browsers/chrome.svg +1 -0
  12. data/assets/images/browsers/chromium.svg +1 -0
  13. data/assets/images/browsers/dolphin.svg +1 -0
  14. data/assets/images/browsers/edge.svg +1 -0
  15. data/assets/images/browsers/firefox.svg +1 -0
  16. data/assets/images/browsers/ie.svg +1 -0
  17. data/assets/images/browsers/maxthon.svg +1 -0
  18. data/assets/images/browsers/mozilla.svg +1 -0
  19. data/assets/images/browsers/netscape.svg +1 -0
  20. data/assets/images/browsers/opera.svg +1 -0
  21. data/assets/images/browsers/safari.svg +1 -0
  22. data/assets/images/browsers/sleipnir.svg +1 -0
  23. data/assets/images/browsers/uc-browser.svg +1 -0
  24. data/assets/images/browsers/vivaldi.svg +1 -0
  25. data/assets/images/crypto-currencies/bitcoin.svg +1 -0
  26. data/assets/images/crypto-currencies/cardano.svg +1 -0
  27. data/assets/images/crypto-currencies/dash.svg +1 -0
  28. data/assets/images/crypto-currencies/eos.svg +1 -0
  29. data/assets/images/crypto-currencies/ethereum.svg +1 -0
  30. data/assets/images/crypto-currencies/litecoin.svg +1 -0
  31. data/assets/images/crypto-currencies/nem.svg +1 -0
  32. data/assets/images/crypto-currencies/ripple.svg +1 -0
  33. data/assets/images/flags/ad.svg +1 -0
  34. data/assets/images/flags/ae.svg +1 -0
  35. data/assets/images/flags/af.svg +1 -0
  36. data/assets/images/flags/ag.svg +1 -0
  37. data/assets/images/flags/ai.svg +1 -0
  38. data/assets/images/flags/al.svg +1 -0
  39. data/assets/images/flags/am.svg +1 -0
  40. data/assets/images/flags/ao.svg +1 -0
  41. data/assets/images/flags/aq.svg +1 -0
  42. data/assets/images/flags/ar.svg +1 -0
  43. data/assets/images/flags/as.svg +1 -0
  44. data/assets/images/flags/at.svg +1 -0
  45. data/assets/images/flags/au.svg +1 -0
  46. data/assets/images/flags/aw.svg +1 -0
  47. data/assets/images/flags/ax.svg +1 -0
  48. data/assets/images/flags/az.svg +1 -0
  49. data/assets/images/flags/ba.svg +1 -0
  50. data/assets/images/flags/bb.svg +1 -0
  51. data/assets/images/flags/bd.svg +1 -0
  52. data/assets/images/flags/be.svg +1 -0
  53. data/assets/images/flags/bf.svg +1 -0
  54. data/assets/images/flags/bg.svg +1 -0
  55. data/assets/images/flags/bh.svg +1 -0
  56. data/assets/images/flags/bi.svg +1 -0
  57. data/assets/images/flags/bj.svg +1 -0
  58. data/assets/images/flags/bl.svg +1 -0
  59. data/assets/images/flags/bm.svg +1 -0
  60. data/assets/images/flags/bn.svg +1 -0
  61. data/assets/images/flags/bo.svg +1 -0
  62. data/assets/images/flags/bq.svg +1 -0
  63. data/assets/images/flags/br.svg +1 -0
  64. data/assets/images/flags/bs.svg +1 -0
  65. data/assets/images/flags/bt.svg +1 -0
  66. data/assets/images/flags/bv.svg +1 -0
  67. data/assets/images/flags/bw.svg +1 -0
  68. data/assets/images/flags/by.svg +1 -0
  69. data/assets/images/flags/bz.svg +1 -0
  70. data/assets/images/flags/ca.svg +6 -0
  71. data/assets/images/flags/cc.svg +1 -0
  72. data/assets/images/flags/cd.svg +1 -0
  73. data/assets/images/flags/cf.svg +1 -0
  74. data/assets/images/flags/cg.svg +1 -0
  75. data/assets/images/flags/ch.svg +1 -0
  76. data/assets/images/flags/ci.svg +1 -0
  77. data/assets/images/flags/ck.svg +1 -0
  78. data/assets/images/flags/cl.svg +1 -0
  79. data/assets/images/flags/cm.svg +1 -0
  80. data/assets/images/flags/cn.svg +1 -0
  81. data/assets/images/flags/co.svg +1 -0
  82. data/assets/images/flags/cr.svg +1 -0
  83. data/assets/images/flags/cu.svg +1 -0
  84. data/assets/images/flags/cv.svg +1 -0
  85. data/assets/images/flags/cw.svg +1 -0
  86. data/assets/images/flags/cx.svg +1 -0
  87. data/assets/images/flags/cy.svg +1 -0
  88. data/assets/images/flags/cz.svg +1 -0
  89. data/assets/images/flags/de.svg +1 -0
  90. data/assets/images/flags/dj.svg +1 -0
  91. data/assets/images/flags/dk.svg +1 -0
  92. data/assets/images/flags/dm.svg +1 -0
  93. data/assets/images/flags/do.svg +1 -0
  94. data/assets/images/flags/dz.svg +1 -0
  95. data/assets/images/flags/ec.svg +1 -0
  96. data/assets/images/flags/ee.svg +1 -0
  97. data/assets/images/flags/eg.svg +1 -0
  98. data/assets/images/flags/eh.svg +1 -0
  99. data/assets/images/flags/er.svg +1 -0
  100. data/assets/images/flags/es.svg +1 -0
  101. data/assets/images/flags/et.svg +1 -0
  102. data/assets/images/flags/eu.svg +1 -0
  103. data/assets/images/flags/fi.svg +1 -0
  104. data/assets/images/flags/fj.svg +1 -0
  105. data/assets/images/flags/fk.svg +1 -0
  106. data/assets/images/flags/fm.svg +1 -0
  107. data/assets/images/flags/fo.svg +1 -0
  108. data/assets/images/flags/fr.svg +1 -0
  109. data/assets/images/flags/ga.svg +1 -0
  110. data/assets/images/flags/gb-eng.svg +1 -0
  111. data/assets/images/flags/gb-nir.svg +1 -0
  112. data/assets/images/flags/gb-sct.svg +1 -0
  113. data/assets/images/flags/gb-wls.svg +1 -0
  114. data/assets/images/flags/gb.svg +1 -0
  115. data/assets/images/flags/gd.svg +1 -0
  116. data/assets/images/flags/ge.svg +1 -0
  117. data/assets/images/flags/gf.svg +1 -0
  118. data/assets/images/flags/gg.svg +1 -0
  119. data/assets/images/flags/gh.svg +1 -0
  120. data/assets/images/flags/gi.svg +1 -0
  121. data/assets/images/flags/gl.svg +1 -0
  122. data/assets/images/flags/gm.svg +1 -0
  123. data/assets/images/flags/gn.svg +1 -0
  124. data/assets/images/flags/gp.svg +1 -0
  125. data/assets/images/flags/gq.svg +1 -0
  126. data/assets/images/flags/gr.svg +1 -0
  127. data/assets/images/flags/gs.svg +1 -0
  128. data/assets/images/flags/gt.svg +1 -0
  129. data/assets/images/flags/gu.svg +1 -0
  130. data/assets/images/flags/gw.svg +1 -0
  131. data/assets/images/flags/gy.svg +1 -0
  132. data/assets/images/flags/hk.svg +1 -0
  133. data/assets/images/flags/hm.svg +1 -0
  134. data/assets/images/flags/hn.svg +1 -0
  135. data/assets/images/flags/hr.svg +1 -0
  136. data/assets/images/flags/ht.svg +1 -0
  137. data/assets/images/flags/hu.svg +1 -0
  138. data/assets/images/flags/id.svg +1 -0
  139. data/assets/images/flags/ie.svg +1 -0
  140. data/assets/images/flags/il.svg +1 -0
  141. data/assets/images/flags/im.svg +1 -0
  142. data/assets/images/flags/in.svg +1 -0
  143. data/assets/images/flags/io.svg +1 -0
  144. data/assets/images/flags/iq.svg +1 -0
  145. data/assets/images/flags/ir.svg +1 -0
  146. data/assets/images/flags/is.svg +1 -0
  147. data/assets/images/flags/it.svg +1 -0
  148. data/assets/images/flags/je.svg +1 -0
  149. data/assets/images/flags/jm.svg +1 -0
  150. data/assets/images/flags/jo.svg +1 -0
  151. data/assets/images/flags/jp.svg +1 -0
  152. data/assets/images/flags/ke.svg +1 -0
  153. data/assets/images/flags/kg.svg +1 -0
  154. data/assets/images/flags/kh.svg +1 -0
  155. data/assets/images/flags/ki.svg +1 -0
  156. data/assets/images/flags/km.svg +1 -0
  157. data/assets/images/flags/kn.svg +1 -0
  158. data/assets/images/flags/kp.svg +1 -0
  159. data/assets/images/flags/kr.svg +1 -0
  160. data/assets/images/flags/kw.svg +1 -0
  161. data/assets/images/flags/ky.svg +1 -0
  162. data/assets/images/flags/kz.svg +1 -0
  163. data/assets/images/flags/la.svg +1 -0
  164. data/assets/images/flags/lb.svg +1 -0
  165. data/assets/images/flags/lc.svg +1 -0
  166. data/assets/images/flags/li.svg +1 -0
  167. data/assets/images/flags/lk.svg +1 -0
  168. data/assets/images/flags/lr.svg +1 -0
  169. data/assets/images/flags/ls.svg +1 -0
  170. data/assets/images/flags/lt.svg +1 -0
  171. data/assets/images/flags/lu.svg +1 -0
  172. data/assets/images/flags/lv.svg +1 -0
  173. data/assets/images/flags/ly.svg +1 -0
  174. data/assets/images/flags/ma.svg +1 -0
  175. data/assets/images/flags/mc.svg +1 -0
  176. data/assets/images/flags/md.svg +1 -0
  177. data/assets/images/flags/me.svg +1 -0
  178. data/assets/images/flags/mf.svg +1 -0
  179. data/assets/images/flags/mg.svg +1 -0
  180. data/assets/images/flags/mh.svg +1 -0
  181. data/assets/images/flags/mk.svg +1 -0
  182. data/assets/images/flags/ml.svg +1 -0
  183. data/assets/images/flags/mm.svg +1 -0
  184. data/assets/images/flags/mn.svg +1 -0
  185. data/assets/images/flags/mo.svg +1 -0
  186. data/assets/images/flags/mp.svg +1 -0
  187. data/assets/images/flags/mq.svg +1 -0
  188. data/assets/images/flags/mr.svg +1 -0
  189. data/assets/images/flags/ms.svg +1 -0
  190. data/assets/images/flags/mt.svg +1 -0
  191. data/assets/images/flags/mu.svg +1 -0
  192. data/assets/images/flags/mv.svg +1 -0
  193. data/assets/images/flags/mw.svg +1 -0
  194. data/assets/images/flags/mx.svg +1 -0
  195. data/assets/images/flags/my.svg +1 -0
  196. data/assets/images/flags/mz.svg +1 -0
  197. data/assets/images/flags/na.svg +1 -0
  198. data/assets/images/flags/nc.svg +1 -0
  199. data/assets/images/flags/ne.svg +1 -0
  200. data/assets/images/flags/nf.svg +1 -0
  201. data/assets/images/flags/ng.svg +1 -0
  202. data/assets/images/flags/ni.svg +1 -0
  203. data/assets/images/flags/nl.svg +1 -0
  204. data/assets/images/flags/no.svg +1 -0
  205. data/assets/images/flags/np.svg +1 -0
  206. data/assets/images/flags/nr.svg +1 -0
  207. data/assets/images/flags/nu.svg +1 -0
  208. data/assets/images/flags/nz.svg +1 -0
  209. data/assets/images/flags/om.svg +1 -0
  210. data/assets/images/flags/pa.svg +1 -0
  211. data/assets/images/flags/pe.svg +1 -0
  212. data/assets/images/flags/pf.svg +1 -0
  213. data/assets/images/flags/pg.svg +1 -0
  214. data/assets/images/flags/ph.svg +1 -0
  215. data/assets/images/flags/pk.svg +1 -0
  216. data/assets/images/flags/pl.svg +1 -0
  217. data/assets/images/flags/pm.svg +1 -0
  218. data/assets/images/flags/pn.svg +1 -0
  219. data/assets/images/flags/pr.svg +1 -0
  220. data/assets/images/flags/ps.svg +1 -0
  221. data/assets/images/flags/pt.svg +1 -0
  222. data/assets/images/flags/pw.svg +1 -0
  223. data/assets/images/flags/py.svg +1 -0
  224. data/assets/images/flags/qa.svg +1 -0
  225. data/assets/images/flags/re.svg +1 -0
  226. data/assets/images/flags/ro.svg +1 -0
  227. data/assets/images/flags/rs.svg +1 -0
  228. data/assets/images/flags/ru.svg +1 -0
  229. data/assets/images/flags/rw.svg +1 -0
  230. data/assets/images/flags/sa.svg +1 -0
  231. data/assets/images/flags/sb.svg +1 -0
  232. data/assets/images/flags/sc.svg +1 -0
  233. data/assets/images/flags/sd.svg +1 -0
  234. data/assets/images/flags/se.svg +1 -0
  235. data/assets/images/flags/sg.svg +1 -0
  236. data/assets/images/flags/sh.svg +1 -0
  237. data/assets/images/flags/si.svg +1 -0
  238. data/assets/images/flags/sj.svg +1 -0
  239. data/assets/images/flags/sk.svg +1 -0
  240. data/assets/images/flags/sl.svg +1 -0
  241. data/assets/images/flags/sm.svg +1 -0
  242. data/assets/images/flags/sn.svg +1 -0
  243. data/assets/images/flags/so.svg +1 -0
  244. data/assets/images/flags/sr.svg +1 -0
  245. data/assets/images/flags/ss.svg +1 -0
  246. data/assets/images/flags/st.svg +1 -0
  247. data/assets/images/flags/sv.svg +1 -0
  248. data/assets/images/flags/sx.svg +1 -0
  249. data/assets/images/flags/sy.svg +1 -0
  250. data/assets/images/flags/sz.svg +1 -0
  251. data/assets/images/flags/tc.svg +1 -0
  252. data/assets/images/flags/td.svg +1 -0
  253. data/assets/images/flags/tf.svg +1 -0
  254. data/assets/images/flags/tg.svg +1 -0
  255. data/assets/images/flags/th.svg +1 -0
  256. data/assets/images/flags/tj.svg +1 -0
  257. data/assets/images/flags/tk.svg +1 -0
  258. data/assets/images/flags/tl.svg +1 -0
  259. data/assets/images/flags/tm.svg +1 -0
  260. data/assets/images/flags/tn.svg +1 -0
  261. data/assets/images/flags/to.svg +1 -0
  262. data/assets/images/flags/tr.svg +1 -0
  263. data/assets/images/flags/tt.svg +1 -0
  264. data/assets/images/flags/tv.svg +1 -0
  265. data/assets/images/flags/tw.svg +1 -0
  266. data/assets/images/flags/tz.svg +1 -0
  267. data/assets/images/flags/ua.svg +1 -0
  268. data/assets/images/flags/ug.svg +1 -0
  269. data/assets/images/flags/um.svg +1 -0
  270. data/assets/images/flags/un.svg +1 -0
  271. data/assets/images/flags/us.svg +18 -0
  272. data/assets/images/flags/uy.svg +1 -0
  273. data/assets/images/flags/uz.svg +1 -0
  274. data/assets/images/flags/va.svg +1 -0
  275. data/assets/images/flags/vc.svg +1 -0
  276. data/assets/images/flags/ve.svg +1 -0
  277. data/assets/images/flags/vg.svg +1 -0
  278. data/assets/images/flags/vi.svg +1 -0
  279. data/assets/images/flags/vn.svg +1 -0
  280. data/assets/images/flags/vu.svg +1 -0
  281. data/assets/images/flags/wf.svg +1 -0
  282. data/assets/images/flags/ws.svg +1 -0
  283. data/assets/images/flags/ye.svg +1 -0
  284. data/assets/images/flags/yt.svg +1 -0
  285. data/assets/images/flags/za.svg +1 -0
  286. data/assets/images/flags/zm.svg +1 -0
  287. data/assets/images/flags/zw.svg +1 -0
  288. data/assets/images/payments/2checkout-dark.svg +1 -0
  289. data/assets/images/payments/2checkout.svg +1 -0
  290. data/assets/images/payments/alipay-dark.svg +1 -0
  291. data/assets/images/payments/alipay.svg +1 -0
  292. data/assets/images/payments/amazon-dark.svg +1 -0
  293. data/assets/images/payments/amazon.svg +1 -0
  294. data/assets/images/payments/americanexpress-dark.svg +1 -0
  295. data/assets/images/payments/americanexpress.svg +1 -0
  296. data/assets/images/payments/applepay-dark.svg +1 -0
  297. data/assets/images/payments/applepay.svg +1 -0
  298. data/assets/images/payments/bancontact-dark.svg +1 -0
  299. data/assets/images/payments/bancontact.svg +1 -0
  300. data/assets/images/payments/bitcoin-dark.svg +1 -0
  301. data/assets/images/payments/bitcoin.svg +1 -0
  302. data/assets/images/payments/bitpay-dark.svg +1 -0
  303. data/assets/images/payments/bitpay.svg +1 -0
  304. data/assets/images/payments/cirrus-dark.svg +1 -0
  305. data/assets/images/payments/cirrus.svg +1 -0
  306. data/assets/images/payments/clickandbuy-dark.svg +1 -0
  307. data/assets/images/payments/clickandbuy.svg +1 -0
  308. data/assets/images/payments/coinkite-dark.svg +1 -0
  309. data/assets/images/payments/coinkite.svg +1 -0
  310. data/assets/images/payments/dinersclub-dark.svg +1 -0
  311. data/assets/images/payments/dinersclub.svg +1 -0
  312. data/assets/images/payments/directdebit-dark.svg +1 -0
  313. data/assets/images/payments/directdebit.svg +1 -0
  314. data/assets/images/payments/discover-dark.svg +1 -0
  315. data/assets/images/payments/discover.svg +1 -0
  316. data/assets/images/payments/dwolla-dark.svg +1 -0
  317. data/assets/images/payments/dwolla.svg +1 -0
  318. data/assets/images/payments/ebay-dark.svg +1 -0
  319. data/assets/images/payments/ebay.svg +1 -0
  320. data/assets/images/payments/eway-dark.svg +1 -0
  321. data/assets/images/payments/eway.svg +1 -0
  322. data/assets/images/payments/giropay-dark.svg +1 -0
  323. data/assets/images/payments/giropay.svg +1 -0
  324. data/assets/images/payments/googlewallet-dark.svg +1 -0
  325. data/assets/images/payments/googlewallet.svg +1 -0
  326. data/assets/images/payments/ingenico-dark.svg +1 -0
  327. data/assets/images/payments/ingenico.svg +1 -0
  328. data/assets/images/payments/jcb-dark.svg +1 -0
  329. data/assets/images/payments/jcb.svg +1 -0
  330. data/assets/images/payments/klarna-dark.svg +1 -0
  331. data/assets/images/payments/klarna.svg +1 -0
  332. data/assets/images/payments/laser-dark.svg +1 -0
  333. data/assets/images/payments/laser.svg +1 -0
  334. data/assets/images/payments/maestro-dark.svg +1 -0
  335. data/assets/images/payments/maestro.svg +1 -0
  336. data/assets/images/payments/mastercard-dark.svg +1 -0
  337. data/assets/images/payments/mastercard.svg +1 -0
  338. data/assets/images/payments/monero-dark.svg +1 -0
  339. data/assets/images/payments/monero.svg +1 -0
  340. data/assets/images/payments/neteller-dark.svg +1 -0
  341. data/assets/images/payments/neteller.svg +1 -0
  342. data/assets/images/payments/ogone-dark.svg +1 -0
  343. data/assets/images/payments/ogone.svg +1 -0
  344. data/assets/images/payments/okpay-dark.svg +1 -0
  345. data/assets/images/payments/okpay.svg +1 -0
  346. data/assets/images/payments/paybox-dark.svg +1 -0
  347. data/assets/images/payments/paybox.svg +1 -0
  348. data/assets/images/payments/paymill-dark.svg +1 -0
  349. data/assets/images/payments/paymill.svg +1 -0
  350. data/assets/images/payments/payone-dark.svg +1 -0
  351. data/assets/images/payments/payone.svg +1 -0
  352. data/assets/images/payments/payoneer-dark.svg +1 -0
  353. data/assets/images/payments/payoneer.svg +1 -0
  354. data/assets/images/payments/paypal-dark.svg +1 -0
  355. data/assets/images/payments/paypal.svg +1 -0
  356. data/assets/images/payments/paysafecard-dark.svg +1 -0
  357. data/assets/images/payments/paysafecard.svg +1 -0
  358. data/assets/images/payments/payu-dark.svg +1 -0
  359. data/assets/images/payments/payu.svg +1 -0
  360. data/assets/images/payments/payza-dark.svg +1 -0
  361. data/assets/images/payments/payza.svg +1 -0
  362. data/assets/images/payments/ripple-dark.svg +1 -0
  363. data/assets/images/payments/ripple.svg +1 -0
  364. data/assets/images/payments/sage-dark.svg +1 -0
  365. data/assets/images/payments/sage.svg +1 -0
  366. data/assets/images/payments/sepa-dark.svg +1 -0
  367. data/assets/images/payments/sepa.svg +1 -0
  368. data/assets/images/payments/shopify-dark.svg +1 -0
  369. data/assets/images/payments/shopify.svg +1 -0
  370. data/assets/images/payments/skrill-dark.svg +1 -0
  371. data/assets/images/payments/skrill.svg +1 -0
  372. data/assets/images/payments/solo-dark.svg +1 -0
  373. data/assets/images/payments/solo.svg +1 -0
  374. data/assets/images/payments/square-dark.svg +1 -0
  375. data/assets/images/payments/square.svg +1 -0
  376. data/assets/images/payments/stripe-dark.svg +1 -0
  377. data/assets/images/payments/stripe.svg +1 -0
  378. data/assets/images/payments/switch-dark.svg +1 -0
  379. data/assets/images/payments/switch.svg +1 -0
  380. data/assets/images/payments/ukash-dark.svg +1 -0
  381. data/assets/images/payments/ukash.svg +1 -0
  382. data/assets/images/payments/unionpay-dark.svg +1 -0
  383. data/assets/images/payments/unionpay.svg +1 -0
  384. data/assets/images/payments/verifone-dark.svg +1 -0
  385. data/assets/images/payments/verifone.svg +1 -0
  386. data/assets/images/payments/verisign-dark.svg +1 -0
  387. data/assets/images/payments/verisign.svg +1 -0
  388. data/assets/images/payments/visa-dark.svg +1 -0
  389. data/assets/images/payments/visa.svg +1 -0
  390. data/assets/images/payments/webmoney-dark.svg +1 -0
  391. data/assets/images/payments/webmoney.svg +1 -0
  392. data/assets/images/payments/westernunion-dark.svg +1 -0
  393. data/assets/images/payments/westernunion.svg +1 -0
  394. data/assets/images/payments/worldpay-dark.svg +1 -0
  395. data/assets/images/payments/worldpay.svg +1 -0
  396. data/assets/javascripts/tabler_ui.js +109 -0
  397. data/assets/stylesheets/_tabler_ui.scss +7 -0
  398. data/assets/stylesheets/_variables.scss +311 -0
  399. data/assets/stylesheets/dashboard/_alert.scss +25 -0
  400. data/assets/stylesheets/dashboard/_aside.scss +36 -0
  401. data/assets/stylesheets/dashboard/_avatar.scss +101 -0
  402. data/assets/stylesheets/dashboard/_badge.scss +8 -0
  403. data/assets/stylesheets/dashboard/_breadcrumb.scss +18 -0
  404. data/assets/stylesheets/dashboard/_browser.scss +19 -0
  405. data/assets/stylesheets/dashboard/_button.scss +118 -0
  406. data/assets/stylesheets/dashboard/_cards.scss +416 -0
  407. data/assets/stylesheets/dashboard/_carousel.scss +9 -0
  408. data/assets/stylesheets/dashboard/_charts.scss +51 -0
  409. data/assets/stylesheets/dashboard/_chat.scss +88 -0
  410. data/assets/stylesheets/dashboard/_chips.scss +45 -0
  411. data/assets/stylesheets/dashboard/_close.scss +10 -0
  412. data/assets/stylesheets/dashboard/_colors.scss +8 -0
  413. data/assets/stylesheets/dashboard/_core.scss +37 -0
  414. data/assets/stylesheets/dashboard/_dropdown.scss +68 -0
  415. data/assets/stylesheets/dashboard/_example.scss +47 -0
  416. data/assets/stylesheets/dashboard/_flag.scss +17 -0
  417. data/assets/stylesheets/dashboard/_footer.scss +15 -0
  418. data/assets/stylesheets/dashboard/_form.scss +158 -0
  419. data/assets/stylesheets/dashboard/_functions.scss +3 -0
  420. data/assets/stylesheets/dashboard/_grid.scss +50 -0
  421. data/assets/stylesheets/dashboard/_header.scss +128 -0
  422. data/assets/stylesheets/dashboard/_icon.scss +29 -0
  423. data/assets/stylesheets/dashboard/_image.scss +12 -0
  424. data/assets/stylesheets/dashboard/_infobox.scss +0 -0
  425. data/assets/stylesheets/dashboard/_jvectormap.scss +140 -0
  426. data/assets/stylesheets/dashboard/_layout.scss +95 -0
  427. data/assets/stylesheets/dashboard/_link.scss +25 -0
  428. data/assets/stylesheets/dashboard/_list-group.scss +21 -0
  429. data/assets/stylesheets/dashboard/_list.scss +34 -0
  430. data/assets/stylesheets/dashboard/_maps.scss +52 -0
  431. data/assets/stylesheets/dashboard/_media.scss +13 -0
  432. data/assets/stylesheets/dashboard/_nav.scss +107 -0
  433. data/assets/stylesheets/dashboard/_pagination.scss +29 -0
  434. data/assets/stylesheets/dashboard/_payments.scss +19 -0
  435. data/assets/stylesheets/dashboard/_popover.scss +12 -0
  436. data/assets/stylesheets/dashboard/_product.scss +7 -0
  437. data/assets/stylesheets/dashboard/_progress.scss +140 -0
  438. data/assets/stylesheets/dashboard/_selectize.scss +372 -0
  439. data/assets/stylesheets/dashboard/_social.scss +14 -0
  440. data/assets/stylesheets/dashboard/_sparkline.scss +20 -0
  441. data/assets/stylesheets/dashboard/_stamp.scss +18 -0
  442. data/assets/stylesheets/dashboard/_statuses.scss +25 -0
  443. data/assets/stylesheets/dashboard/_syntax.scss +78 -0
  444. data/assets/stylesheets/dashboard/_tables.scss +135 -0
  445. data/assets/stylesheets/dashboard/_tag.scss +97 -0
  446. data/assets/stylesheets/dashboard/_text.scss +22 -0
  447. data/assets/stylesheets/dashboard/_timeline.scss +71 -0
  448. data/assets/stylesheets/dashboard/_type.scss +120 -0
  449. data/assets/stylesheets/dashboard/_utilities.scss +31 -0
  450. data/assets/stylesheets/dashboard/bootstrap/_alert.scss +51 -0
  451. data/assets/stylesheets/dashboard/bootstrap/_badge.scss +47 -0
  452. data/assets/stylesheets/dashboard/bootstrap/_breadcrumb.scss +38 -0
  453. data/assets/stylesheets/dashboard/bootstrap/_button-group.scss +166 -0
  454. data/assets/stylesheets/dashboard/bootstrap/_buttons.scss +143 -0
  455. data/assets/stylesheets/dashboard/bootstrap/_card.scss +299 -0
  456. data/assets/stylesheets/dashboard/bootstrap/_carousel.scss +235 -0
  457. data/assets/stylesheets/dashboard/bootstrap/_close.scss +34 -0
  458. data/assets/stylesheets/dashboard/bootstrap/_code.scss +56 -0
  459. data/assets/stylesheets/dashboard/bootstrap/_custom-forms.scss +420 -0
  460. data/assets/stylesheets/dashboard/bootstrap/_dropdown.scss +138 -0
  461. data/assets/stylesheets/dashboard/bootstrap/_forms.scss +335 -0
  462. data/assets/stylesheets/dashboard/bootstrap/_functions.scss +86 -0
  463. data/assets/stylesheets/dashboard/bootstrap/_grid.scss +52 -0
  464. data/assets/stylesheets/dashboard/bootstrap/_images.scss +42 -0
  465. data/assets/stylesheets/dashboard/bootstrap/_input-group.scss +159 -0
  466. data/assets/stylesheets/dashboard/bootstrap/_jumbotron.scss +16 -0
  467. data/assets/stylesheets/dashboard/bootstrap/_list-group.scss +115 -0
  468. data/assets/stylesheets/dashboard/bootstrap/_media.scss +8 -0
  469. data/assets/stylesheets/dashboard/bootstrap/_mixins.scss +42 -0
  470. data/assets/stylesheets/dashboard/bootstrap/_modal.scss +168 -0
  471. data/assets/stylesheets/dashboard/bootstrap/_nav.scss +118 -0
  472. data/assets/stylesheets/dashboard/bootstrap/_navbar.scss +311 -0
  473. data/assets/stylesheets/dashboard/bootstrap/_pagination.scss +78 -0
  474. data/assets/stylesheets/dashboard/bootstrap/_popover.scss +183 -0
  475. data/assets/stylesheets/dashboard/bootstrap/_print.scss +124 -0
  476. data/assets/stylesheets/dashboard/bootstrap/_progress.scss +34 -0
  477. data/assets/stylesheets/dashboard/bootstrap/_reboot.scss +482 -0
  478. data/assets/stylesheets/dashboard/bootstrap/_root.scss +19 -0
  479. data/assets/stylesheets/dashboard/bootstrap/_tables.scss +188 -0
  480. data/assets/stylesheets/dashboard/bootstrap/_tooltip.scss +115 -0
  481. data/assets/stylesheets/dashboard/bootstrap/_transitions.scss +36 -0
  482. data/assets/stylesheets/dashboard/bootstrap/_type.scss +125 -0
  483. data/assets/stylesheets/dashboard/bootstrap/_utilities.scss +14 -0
  484. data/assets/stylesheets/dashboard/bootstrap/_variables.scss +919 -0
  485. data/assets/stylesheets/dashboard/bootstrap/bootstrap-grid.scss +32 -0
  486. data/assets/stylesheets/dashboard/bootstrap/bootstrap-reboot.scss +12 -0
  487. data/assets/stylesheets/dashboard/bootstrap/bootstrap.scss +42 -0
  488. data/assets/stylesheets/dashboard/bootstrap/mixins/_alert.scss +13 -0
  489. data/assets/stylesheets/dashboard/bootstrap/mixins/_background-variant.scss +21 -0
  490. data/assets/stylesheets/dashboard/bootstrap/mixins/_badge.scss +12 -0
  491. data/assets/stylesheets/dashboard/bootstrap/mixins/_border-radius.scss +35 -0
  492. data/assets/stylesheets/dashboard/bootstrap/mixins/_box-shadow.scss +5 -0
  493. data/assets/stylesheets/dashboard/bootstrap/mixins/_breakpoints.scss +123 -0
  494. data/assets/stylesheets/dashboard/bootstrap/mixins/_buttons.scss +109 -0
  495. data/assets/stylesheets/dashboard/bootstrap/mixins/_caret.scss +65 -0
  496. data/assets/stylesheets/dashboard/bootstrap/mixins/_clearfix.scss +7 -0
  497. data/assets/stylesheets/dashboard/bootstrap/mixins/_float.scss +11 -0
  498. data/assets/stylesheets/dashboard/bootstrap/mixins/_forms.scss +137 -0
  499. data/assets/stylesheets/dashboard/bootstrap/mixins/_gradients.scss +45 -0
  500. data/assets/stylesheets/dashboard/bootstrap/mixins/_grid-framework.scss +67 -0
  501. data/assets/stylesheets/dashboard/bootstrap/mixins/_grid.scss +52 -0
  502. data/assets/stylesheets/dashboard/bootstrap/mixins/_hover.scss +37 -0
  503. data/assets/stylesheets/dashboard/bootstrap/mixins/_image.scss +36 -0
  504. data/assets/stylesheets/dashboard/bootstrap/mixins/_list-group.scss +21 -0
  505. data/assets/stylesheets/dashboard/bootstrap/mixins/_lists.scss +7 -0
  506. data/assets/stylesheets/dashboard/bootstrap/mixins/_nav-divider.scss +10 -0
  507. data/assets/stylesheets/dashboard/bootstrap/mixins/_navbar-align.scss +10 -0
  508. data/assets/stylesheets/dashboard/bootstrap/mixins/_pagination.scss +22 -0
  509. data/assets/stylesheets/dashboard/bootstrap/mixins/_reset-text.scss +17 -0
  510. data/assets/stylesheets/dashboard/bootstrap/mixins/_resize.scss +6 -0
  511. data/assets/stylesheets/dashboard/bootstrap/mixins/_screen-reader.scss +33 -0
  512. data/assets/stylesheets/dashboard/bootstrap/mixins/_size.scss +6 -0
  513. data/assets/stylesheets/dashboard/bootstrap/mixins/_table-row.scss +30 -0
  514. data/assets/stylesheets/dashboard/bootstrap/mixins/_text-emphasis.scss +14 -0
  515. data/assets/stylesheets/dashboard/bootstrap/mixins/_text-hide.scss +9 -0
  516. data/assets/stylesheets/dashboard/bootstrap/mixins/_text-truncate.scss +8 -0
  517. data/assets/stylesheets/dashboard/bootstrap/mixins/_transition.scss +9 -0
  518. data/assets/stylesheets/dashboard/bootstrap/mixins/_visibility.scss +7 -0
  519. data/assets/stylesheets/dashboard/bootstrap/utilities/_align.scss +8 -0
  520. data/assets/stylesheets/dashboard/bootstrap/utilities/_background.scss +19 -0
  521. data/assets/stylesheets/dashboard/bootstrap/utilities/_borders.scss +59 -0
  522. data/assets/stylesheets/dashboard/bootstrap/utilities/_clearfix.scss +3 -0
  523. data/assets/stylesheets/dashboard/bootstrap/utilities/_display.scss +38 -0
  524. data/assets/stylesheets/dashboard/bootstrap/utilities/_embed.scss +52 -0
  525. data/assets/stylesheets/dashboard/bootstrap/utilities/_flex.scss +47 -0
  526. data/assets/stylesheets/dashboard/bootstrap/utilities/_float.scss +9 -0
  527. data/assets/stylesheets/dashboard/bootstrap/utilities/_position.scss +37 -0
  528. data/assets/stylesheets/dashboard/bootstrap/utilities/_screenreaders.scss +11 -0
  529. data/assets/stylesheets/dashboard/bootstrap/utilities/_sizing.scss +12 -0
  530. data/assets/stylesheets/dashboard/bootstrap/utilities/_spacing.scss +51 -0
  531. data/assets/stylesheets/dashboard/bootstrap/utilities/_text.scss +52 -0
  532. data/assets/stylesheets/dashboard/bootstrap/utilities/_visibility.scss +11 -0
  533. data/assets/stylesheets/dashboard/dashboard.scss +66 -0
  534. data/assets/stylesheets/dashboard/fonts/_feather.scss +1074 -0
  535. data/assets/stylesheets/dashboard/forms/_custom-colorinput.scss +51 -0
  536. data/assets/stylesheets/dashboard/forms/_custom-imagecheck.scss +85 -0
  537. data/assets/stylesheets/dashboard/forms/_custom-range.scss +140 -0
  538. data/assets/stylesheets/dashboard/forms/_custom-selectgroup.scss +80 -0
  539. data/assets/stylesheets/dashboard/forms/_custom-switch.scss +74 -0
  540. data/lib/tabler_ui_rails.rb +5 -0
  541. data/lib/tabler_ui_rails/engine.rb +13 -0
  542. data/lib/tabler_ui_rails/version.rb +4 -0
  543. metadata +543 -2
@@ -0,0 +1,25 @@
1
+ .link-overlay {
2
+ position: relative;
3
+
4
+ &:hover {
5
+ .link-overlay-bg {
6
+ opacity: 1;
7
+ }
8
+ }
9
+ }
10
+
11
+ .link-overlay-bg {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ right: 0;
16
+ bottom: 0;
17
+ background: rgba($blue, .8);
18
+ display: flex;
19
+ color: #fff;
20
+ align-items: center;
21
+ justify-content: center;
22
+ font-size: px2rem(20px);
23
+ opacity: 0;
24
+ transition: .3s opacity;
25
+ }
@@ -0,0 +1,21 @@
1
+ .list-group-item {
2
+ &.active {
3
+ .icon {
4
+ color: inherit !important;
5
+ }
6
+ }
7
+ }
8
+
9
+ .list-group-transparent {
10
+ .list-group-item {
11
+ background: none;
12
+ border: 0;
13
+ padding: .5rem 1rem;
14
+ border-radius: 3px;
15
+
16
+ &.active {
17
+ background: rgba($primary, .06);
18
+ font-weight: 600;
19
+ }
20
+ }
21
+ }
@@ -0,0 +1,34 @@
1
+ .list-inline-dots {
2
+ .list-inline-item {
3
+
4
+ + .list-inline-item {
5
+ &:before {
6
+ content: '· ';
7
+ margin-left: -2px;
8
+ margin-right: 3px;
9
+ }
10
+ }
11
+ }
12
+ }
13
+
14
+
15
+ .list-separated {
16
+
17
+ }
18
+
19
+ .list-separated-item {
20
+ padding: 1rem 0;
21
+
22
+ &:first-child {
23
+ padding-top: 0;
24
+ }
25
+
26
+ &:last-child {
27
+ padding-bottom: 0;
28
+ }
29
+
30
+ & + & {
31
+ border-top: 1px solid $border-color;
32
+ }
33
+ }
34
+
@@ -0,0 +1,52 @@
1
+ .map,
2
+ .chart {
3
+ position: relative;
4
+ padding-top: (9/16)*100%;
5
+ }
6
+
7
+ .map-square,
8
+ .chart-square {
9
+ padding-top: 100%;
10
+ }
11
+
12
+ .map-content,
13
+ .chart-content {
14
+ position: absolute;
15
+ top: 0;
16
+ left: 0;
17
+ right: 0;
18
+ bottom: 0;
19
+ }
20
+
21
+ .map-header {
22
+ margin-top: -1.5rem;
23
+ margin-bottom: 1.5rem;
24
+ height: 15rem;
25
+ position: relative;
26
+
27
+ //todo
28
+ margin-bottom: -1.5rem;
29
+
30
+ &:before {
31
+ content: '';
32
+ position: absolute;
33
+ bottom: 0;
34
+ left: 0;
35
+ right: 0;
36
+ height: 10rem;
37
+ background: linear-gradient(to bottom, rgba($body-bg, 0) 5%, $body-bg 95%);
38
+ pointer-events: none;
39
+ }
40
+ }
41
+
42
+ .map-header-layer {
43
+ height: 100%;
44
+ }
45
+
46
+ .map-static {
47
+ height: 120px;
48
+ width: 100%;
49
+ max-width: 640px;
50
+ background-position: center center;
51
+ background-size: 640px 120px;
52
+ }
@@ -0,0 +1,13 @@
1
+ .media-icon {
2
+ width: 2rem;
3
+ height: 2rem;
4
+ line-height: 2rem;
5
+ text-align: center;
6
+ border-radius: 100%;
7
+ }
8
+
9
+ .media-list {
10
+ margin: 0;
11
+ padding: 0;
12
+ list-style: none;
13
+ }
@@ -0,0 +1,107 @@
1
+ .nav-link,
2
+ .nav-item {
3
+ padding: 0 .75rem;
4
+ min-width: 2rem;
5
+ transition: .3s color;
6
+ user-select: none;
7
+ cursor: pointer;
8
+ display: flex;
9
+ align-items: center;
10
+
11
+ .badge {
12
+ position: absolute;
13
+ top: 0;
14
+ right: 0;
15
+ padding: .2rem .25rem;
16
+ min-width: 1rem
17
+ }
18
+ }
19
+
20
+ .nav-tabs {
21
+ user-select: none;
22
+ color: $text-muted;
23
+ margin: 0 -.75rem;
24
+
25
+ .nav-link {
26
+ border: 0;
27
+ color: inherit;
28
+ border-bottom: 1px solid transparent;
29
+ margin-bottom: -1px;
30
+ transition: .3s border-color;
31
+ font-weight: 400;
32
+ padding: 1rem 0;
33
+
34
+ &:hover:not(.disabled) {
35
+ border-color: $text-muted-dark;
36
+ color: $text-muted-dark;
37
+ }
38
+
39
+ &.active {
40
+ border-color: $blue;
41
+ color: $blue;
42
+ background: transparent;
43
+ }
44
+
45
+ &.disabled {
46
+ opacity: .4;
47
+ cursor: default;
48
+ pointer-events: none;
49
+ }
50
+ }
51
+
52
+ .nav-item {
53
+ margin-bottom: 0;
54
+ position: relative;
55
+
56
+ i {
57
+ margin-right: .25rem;
58
+ line-height: 1;
59
+ font-size: px2rem(14px);
60
+ width: px2rem(14px);
61
+ vertical-align: baseline;
62
+ display: inline-block;
63
+ }
64
+
65
+ &:hover {
66
+ .nav-submenu {
67
+ display: block;
68
+ }
69
+ }
70
+ }
71
+
72
+ .nav-submenu {
73
+ display: none;
74
+ position: absolute;
75
+ background: #fff;
76
+ border: 1px solid $border-color;
77
+ border-top: none;
78
+ z-index: 10;
79
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
80
+ min-width: 10rem;
81
+ border-radius: 0 0 3px 3px;
82
+
83
+ .nav-item {
84
+ display: block;
85
+ padding: .5rem 1rem;
86
+ color: $text-muted;
87
+ margin: 0 !important;
88
+ cursor: pointer;
89
+ transition: .3s background;
90
+
91
+ &.active {
92
+ color: $link-color;
93
+ }
94
+
95
+ &:hover {
96
+ color: $text-muted-dark;
97
+ text-decoration: none;
98
+ background: rgba(0, 0, 0, .024);
99
+ }
100
+ }
101
+ }
102
+ }
103
+
104
+ .nav-link {
105
+ //display: block;
106
+ //padding: 0.25rem 0.75rem;
107
+ }
@@ -0,0 +1,29 @@
1
+ .pagination-simple {
2
+ .page-item {
3
+ .page-link {
4
+ background: none;
5
+ border: none;
6
+ }
7
+
8
+ &.active .page-link {
9
+ color: $pagination-color;
10
+ font-weight: 700;
11
+ }
12
+ }
13
+ }
14
+
15
+ .pagination-pager {
16
+ .page-prev {
17
+ margin-right: auto;
18
+ }
19
+
20
+ .page-next {
21
+ margin-left: auto;
22
+ }
23
+ }
24
+
25
+ .page-total-text {
26
+ margin-right: 1rem;
27
+ align-self: center;
28
+ color: $text-muted-dark;
29
+ }
@@ -0,0 +1,19 @@
1
+ $payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');
2
+
3
+ .payment {
4
+ width: 2.5rem;
5
+ height: 1.5rem;
6
+ display: inline-block;
7
+ background: no-repeat center/100% 100%;
8
+ vertical-align: bottom;
9
+ font-style: normal;
10
+ box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
11
+ border-radius: 2px;
12
+
13
+ }
14
+
15
+ @each $payment in $payment-icons {
16
+ .payment-#{$payment} {
17
+ background-image: asset-url('payments/' + $payment + '.svg');
18
+ }
19
+ }
@@ -0,0 +1,12 @@
1
+ .popover {
2
+ filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
3
+
4
+
5
+ &.bs-popover-top {
6
+ margin-bottom: $popover-arrow-height + .125rem;
7
+ }
8
+
9
+ .arrow {
10
+ margin-left: calc(.25rem + 2px);
11
+ }
12
+ }
@@ -0,0 +1,7 @@
1
+ .product-price {
2
+ font-size: 1rem;
3
+
4
+ strong {
5
+ font-size: 1.5rem;
6
+ }
7
+ }
@@ -0,0 +1,140 @@
1
+ @keyframes indeterminate {
2
+ 0% {
3
+ left: -35%;
4
+ right: 100%
5
+ }
6
+
7
+ 100%, 60% {
8
+ left: 100%;
9
+ right: -90%
10
+ }
11
+ }
12
+
13
+ @keyframes indeterminate-short {
14
+ 0% {
15
+ left: -200%;
16
+ right: 100%
17
+ }
18
+
19
+ 100%, 60% {
20
+ left: 107%;
21
+ right: -8%
22
+ }
23
+ }
24
+
25
+ .progress {
26
+ position: relative;
27
+ }
28
+
29
+ .progress-xs,
30
+ .progress-xs .progress-bar {
31
+ height: .25rem;
32
+ }
33
+
34
+ .progress-sm,
35
+ .progress-sm .progress-bar {
36
+ height: .5rem;
37
+ }
38
+
39
+ .progress-bar-indeterminate {
40
+ &:after,
41
+ &:before {
42
+ content: '';
43
+ position: absolute;
44
+ background-color: inherit;
45
+ left: 0;
46
+ will-change: left, right;
47
+ top: 0;
48
+ bottom: 0;
49
+ }
50
+
51
+ &:before {
52
+ animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
53
+ }
54
+
55
+ &:after {
56
+ animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
57
+ animation-delay: 1.15s;
58
+ }
59
+ }
60
+
61
+
62
+
63
+ @keyframes loader {
64
+ from {
65
+ transform: rotate(0deg);
66
+ }
67
+
68
+ to {
69
+ transform: rotate(360deg);
70
+ }
71
+ }
72
+
73
+
74
+ /**
75
+ Dimmer
76
+ */
77
+ .dimmer {
78
+ position: relative;
79
+
80
+ .loader {
81
+ display: none;
82
+ margin: 0 auto;
83
+ position: absolute;
84
+ top: 50%;
85
+ left: 0;
86
+ right: 0;
87
+ transform: translateY(-50%);
88
+ }
89
+
90
+ &.active {
91
+ .loader {
92
+ display: block;
93
+ }
94
+
95
+ .dimmer-content {
96
+ opacity: .04;
97
+ pointer-events: none;
98
+ }
99
+ }
100
+ }
101
+
102
+ /**
103
+ Loader
104
+ */
105
+ $loader-size: 2.5rem;
106
+ .loader {
107
+ display: block;
108
+ position: relative;
109
+ height: $loader-size;
110
+ width: $loader-size;
111
+ color: $blue;
112
+
113
+ &:before,
114
+ &:after {
115
+ width: $loader-size;
116
+ height: $loader-size;
117
+ margin: (- $loader-size / 2) 0 0 (- $loader-size / 2);
118
+ position: absolute;
119
+ content: '';
120
+ top: 50%;
121
+ left: 50%;
122
+ }
123
+
124
+ &:before {
125
+ border-radius: 50%;
126
+ border: 3px solid currentColor;
127
+ opacity: .15;
128
+ }
129
+
130
+ &:after {
131
+ animation: loader .6s linear;
132
+ animation-iteration-count: infinite;
133
+
134
+ border-radius: 50%;
135
+ border: 3px solid;
136
+ border-color: transparent;
137
+ border-top-color: currentColor;
138
+ box-shadow: 0 0 0 1px transparent;
139
+ }
140
+ }