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,9 @@
1
+ .carousel-item-background {
2
+ content: '';
3
+ background: rgba(0, 0, 0, .5);
4
+ position: absolute;
5
+ top: 0;
6
+ left: 0;
7
+ right: 0;
8
+ bottom: 0;
9
+ }
@@ -0,0 +1,51 @@
1
+ $sizes: (
2
+ 'xs': 2.5rem,
3
+ 'sm': 4rem,
4
+ 'lg': 10rem
5
+ );
6
+
7
+ .chart-circle {
8
+ display: block;
9
+ height: 8rem;
10
+ width: 8rem;
11
+ position: relative;
12
+
13
+ canvas {
14
+ margin: 0 auto;
15
+ display: block;
16
+ max-width: 100%;
17
+ max-height: 100%;
18
+ }
19
+ }
20
+
21
+ @each $size, $value in $sizes {
22
+ .chart-circle-#{$size} {
23
+ height: $value;
24
+ width: $value;
25
+ font-size: .8rem;
26
+ }
27
+ }
28
+
29
+ .chart-circle-value {
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
33
+ right: 0;
34
+ margin-left: auto;
35
+ margin-right: auto;
36
+ bottom: 0;
37
+ display: flex;
38
+ justify-content: center;
39
+ align-items: center;
40
+ flex-direction: column;
41
+
42
+ //font-size: px2rem(24px);
43
+ //font-weight: 600;
44
+ line-height: 1;
45
+
46
+ small {
47
+ display: block;
48
+ color: $text-muted;
49
+ font-size: px2rem(15px);
50
+ }
51
+ }
@@ -0,0 +1,88 @@
1
+ .chat {
2
+ outline: 0;
3
+ margin: 0;
4
+ padding: 0;
5
+ list-style-type: none;
6
+ display: flex;
7
+ flex-direction: column;
8
+ justify-content: flex-end;
9
+ min-height: 100%;
10
+ }
11
+
12
+ .chat-line {
13
+ padding: 0;
14
+ text-align: right;
15
+ position: relative;
16
+ display: flex;
17
+ flex-direction: row-reverse;
18
+
19
+ & + & {
20
+ padding-top: 1rem;
21
+ }
22
+ }
23
+
24
+ .chat-message {
25
+ position: relative;
26
+ display: inline-block;
27
+ background-color: $primary;
28
+ color: #fff;
29
+ font-size: px2rem(14px);
30
+ padding: .375rem .5rem;
31
+ border-radius: 3px;
32
+ white-space: normal;
33
+ text-align: left;
34
+ margin: 0 .5rem 0 2.5rem;
35
+ line-height: 1.4;
36
+
37
+ >:last-child {
38
+ margin-bottom: 0 !important;
39
+ }
40
+
41
+ &:after {
42
+ content: "";
43
+ position: absolute;
44
+ right: -5px;
45
+ top: 7px;
46
+ border-bottom: 6px solid transparent;
47
+ border-left: 6px solid $primary;
48
+ border-top: 6px solid transparent;
49
+ }
50
+
51
+ img {
52
+ max-width: 100%;
53
+ }
54
+
55
+ p {
56
+ margin-bottom: 1em;
57
+ }
58
+ }
59
+
60
+ .chat-line-friend {
61
+ flex-direction: row;
62
+
63
+ & + & {
64
+ margin-top: -.5rem;
65
+
66
+ .chat-author {
67
+ visibility: hidden;
68
+ }
69
+
70
+ .chat-message:after {
71
+ display: none;
72
+ }
73
+ }
74
+
75
+ .chat-message {
76
+ background-color: #f3f3f3;
77
+ color: $body-color;
78
+ margin-left: .5rem;
79
+ margin-right: 2.5rem;
80
+
81
+ &:after {
82
+ right: auto;
83
+ left: -5px;
84
+ border-left-width: 0;
85
+ border-right: 5px solid #f3f3f3;
86
+ }
87
+ }
88
+ }
@@ -0,0 +1,45 @@
1
+ .chips {
2
+ margin: 0 0 -.5rem;
3
+
4
+ .chip {
5
+ margin: 0 .5rem .5rem 0;
6
+ }
7
+ }
8
+
9
+ .chip {
10
+ display: inline-block;
11
+ height: 2rem;
12
+ line-height: 2rem;
13
+ font-size: px2rem(14px);
14
+ font-weight: 500;
15
+ color: $text-muted-dark;
16
+ padding: 0 .75rem;
17
+ border-radius: 1rem;
18
+ background-color: $gray-100;
19
+ transition: .3s background;
20
+
21
+ .avatar {
22
+ float: left;
23
+ margin: 0 .5rem 0 -.75rem;
24
+ height: 2rem;
25
+ width: 2rem;
26
+ border-radius: 50%;
27
+ }
28
+
29
+ //.close {
30
+ // cursor: pointer;
31
+ // float: right;
32
+ // font-size: 1.3rem;
33
+ // padding-left: .5rem;
34
+ // line-height: inherit;
35
+ // margin-left: .25rem;
36
+ //}
37
+
38
+ @at-root a#{&} {
39
+ &:hover {
40
+ color: inherit;
41
+ text-decoration: none;
42
+ background-color: $gray-200;
43
+ }
44
+ }
45
+ }
@@ -0,0 +1,10 @@
1
+ .close {
2
+ font-size: 1rem;
3
+ line-height: 1.5;
4
+ transition: .3s color;
5
+
6
+ &:before {
7
+ content: '\ea00';
8
+ font-family: "feather";
9
+ }
10
+ }
@@ -0,0 +1,8 @@
1
+ @each $color, $value in $colors {
2
+ @include bg-variant(".bg-#{$color}-lightest", mix($value, #fff, 10%));
3
+ @include bg-variant(".bg-#{$color}-lighter", mix($value, #fff, 30%));
4
+ @include bg-variant(".bg-#{$color}-light", mix($value, #fff, 70%));
5
+ @include bg-variant(".bg-#{$color}-dark", mix($value, #000, 80%));
6
+ @include bg-variant(".bg-#{$color}-darker", mix($value, #000, 40%));
7
+ @include bg-variant(".bg-#{$color}-darkest", mix($value, #000, 20%));
8
+ }
@@ -0,0 +1,37 @@
1
+ html {
2
+ font-size: 16px;
3
+ height: 100%;
4
+ direction: ltr;
5
+ }
6
+
7
+ body {
8
+ direction: ltr;
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ -webkit-tap-highlight-color: transparent;
12
+ -webkit-text-size-adjust: none;
13
+ -ms-touch-action: manipulation;
14
+ touch-action: manipulation;
15
+ -webkit-font-feature-settings: "liga" 0;
16
+ font-feature-settings: "liga" 0;
17
+ height: 100%;
18
+ overflow-y: scroll;
19
+ position: relative;
20
+
21
+ @media print {
22
+ background: none;
23
+ }
24
+ }
25
+
26
+ body *::-webkit-scrollbar {
27
+ width: 6px;
28
+ height: 6px;
29
+ transition: .3s background;
30
+ }
31
+
32
+ body *::-webkit-scrollbar-thumb {
33
+ background: $gray-400;
34
+ }
35
+ body *:hover::-webkit-scrollbar-thumb {
36
+ background: $gray-500;
37
+ }
@@ -0,0 +1,68 @@
1
+ .dropdown {
2
+ display: inline-block;
3
+ }
4
+
5
+ .dropdown-menu {
6
+ box-shadow: $dropdown-box-shadow;
7
+ min-width: 12rem;
8
+ }
9
+
10
+ .dropdown-item {
11
+ color: $text-muted-dark;
12
+ }
13
+
14
+ .dropdown-menu-arrow {
15
+ &:before {
16
+ position: absolute;
17
+ top: -6px;
18
+ left: 12px;
19
+ display: inline-block;
20
+ border-right: 5px solid transparent;
21
+ border-bottom: 5px solid $border-color;
22
+ border-left: 5px solid transparent;
23
+ border-bottom-color: rgba(0, 0, 0, 0.2);
24
+ content: '';
25
+ }
26
+
27
+ &:after {
28
+ position: absolute;
29
+ top: -5px;
30
+ left: 12px;
31
+ display: inline-block;
32
+ border-right: 5px solid transparent;
33
+ border-bottom: 5px solid #fff;
34
+ border-left: 5px solid transparent;
35
+ content: '';
36
+ }
37
+
38
+ &.dropdown-menu-right {
39
+ &:before,
40
+ &:after {
41
+ left: auto;
42
+ right: 12px;
43
+ }
44
+ }
45
+ }
46
+
47
+ .dropdown-toggle {
48
+ user-select: none;
49
+ cursor: pointer;
50
+
51
+ &:after {
52
+ vertical-align: 0.155em;
53
+ }
54
+
55
+ &:empty:after {
56
+ margin-left: 0;
57
+ }
58
+ }
59
+
60
+ .dropdown-icon {
61
+ color: $text-muted;
62
+ margin-right: .5rem;
63
+ margin-left: -.5rem;
64
+ width: 1em;
65
+ display: inline-block;
66
+ text-align: center;
67
+ vertical-align: -1px;
68
+ }
@@ -0,0 +1,47 @@
1
+ .example {
2
+ padding: 1.5rem;
3
+ border: 1px solid $border-color;
4
+ border-radius: 3px 3px 0 0;
5
+ font-size: px2rem(15px);
6
+ }
7
+
8
+ .example-bg {
9
+ background: $body-bg;
10
+ }
11
+
12
+ .example + .highlight {
13
+ border-top: none;
14
+ margin-top: 0;
15
+ border-radius: 0 0 3px 3px;
16
+ }
17
+
18
+ .highlight {
19
+ margin: 1rem 0 2rem;
20
+ border: 1px solid $border-color;
21
+ border-radius: 3px;
22
+ font-size: px2rem(15px);
23
+ max-height: 40rem;
24
+ overflow: auto;
25
+ background: #fcfcfc;
26
+ }
27
+
28
+ .highlight pre {
29
+ margin-bottom: 0;
30
+ background-color: transparent;
31
+ }
32
+
33
+ .example-column {
34
+ margin: 0 auto;
35
+
36
+ >.card:last-of-type {
37
+ margin-bottom: 0;
38
+ }
39
+ }
40
+
41
+ .example-column-1 {
42
+ max-width: 20rem;
43
+ }
44
+
45
+ .example-column-2 {
46
+ max-width: 40rem;
47
+ }
@@ -0,0 +1,17 @@
1
+ .flag {
2
+ width: (1.2rem*640/480);
3
+ height: 1.2rem;
4
+ display: inline-block;
5
+ background: no-repeat center/100% 100%;
6
+ vertical-align: bottom;
7
+ font-style: normal;
8
+ box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
9
+ border-radius: 2px;
10
+
11
+ }
12
+
13
+ @each $flag in $flag-icons {
14
+ .flag-#{$flag} {
15
+ background-image: asset-url('flags/' + $flag + '.svg');
16
+ }
17
+ }
@@ -0,0 +1,15 @@
1
+ .footer {
2
+ background: $footer-bg;
3
+ border-top: $border-width solid $border-color;
4
+ font-size: px2rem(14px);
5
+ padding: 1.25rem 0;
6
+ color: $text-muted;
7
+
8
+ a:not(.btn) {
9
+ color: $text-muted-dark;
10
+ }
11
+
12
+ @media print {
13
+ display: none;
14
+ }
15
+ }
@@ -0,0 +1,158 @@
1
+ textarea {
2
+ &[cols] {
3
+ height: auto;
4
+ }
5
+ }
6
+
7
+
8
+ .form-group {
9
+ display: block;
10
+ }
11
+
12
+ .form-label {
13
+ display: block;
14
+ margin-bottom: .375rem;
15
+ font-weight: 600;
16
+ font-size: px2rem(14px);
17
+ }
18
+
19
+ .form-label-small {
20
+ float: right;
21
+ font-weight: 400;
22
+ font-size: $small-font-size;
23
+ }
24
+
25
+ .form-footer {
26
+ margin-top: 2rem;
27
+ }
28
+
29
+ .custom-select,
30
+ .custom-file {
31
+ //display: block;
32
+ //width: 100%;
33
+ }
34
+
35
+ .custom-control {
36
+ user-select: none;
37
+ }
38
+
39
+ .custom-controls-stacked {
40
+ .custom-control {
41
+ margin-bottom: .25rem;
42
+ }
43
+ }
44
+
45
+ .custom-control-label {
46
+ vertical-align: middle;
47
+
48
+ &:before {
49
+ border: 1px solid $input-border-color;
50
+ background-color: #fff;
51
+ background-size: .5rem;
52
+ }
53
+ }
54
+
55
+ .custom-control-description {
56
+ line-height: 1.5rem;
57
+ }
58
+
59
+ .input-group-prepend,
60
+ .input-group-append,
61
+ .input-group-btn {
62
+ font-size: px2rem(15px);
63
+
64
+ >.btn {
65
+ height: 100%;
66
+ border-color: $border-color;
67
+ }
68
+ }
69
+
70
+ .input-group-prepend > .input-group-text {
71
+ border-right: 0;
72
+ }
73
+
74
+ .input-group-append > .input-group-text {
75
+ border-left: 0;
76
+ }
77
+
78
+ /**
79
+ Icon input
80
+ */
81
+ .input-icon {
82
+ position: relative;
83
+
84
+ .form-control:not(:last-child) {
85
+ padding-right: 2.5rem;
86
+ }
87
+
88
+ .form-control:not(:first-child) {
89
+ padding-left: 2.5rem;
90
+ }
91
+ }
92
+
93
+ .input-icon-addon {
94
+ position: absolute;
95
+ top: 0;
96
+ bottom: 0;
97
+ left: 0;
98
+ color: $text-muted;
99
+ display: flex;
100
+ align-items: center;
101
+ justify-content: center;
102
+ min-width: 2.5rem;
103
+ pointer-events: none;
104
+
105
+ &:last-child {
106
+ left: auto;
107
+ right: 0;
108
+ }
109
+ }
110
+
111
+
112
+ .form-fieldset {
113
+ background: $gray-100;
114
+ border: 1px solid $gray-200;
115
+ padding: 1rem;
116
+ border-radius: 3px;
117
+ margin-bottom: 1rem;
118
+ }
119
+
120
+ .form-required {
121
+ color: $red;
122
+
123
+ &:before {
124
+ content: ' ';
125
+ }
126
+ }
127
+
128
+ .state-valid {
129
+ padding-right: 2rem;
130
+ background: str-replace(url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{$green}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>"), "#", "%23") no-repeat center right .5rem/1rem;
131
+ }
132
+
133
+ .state-invalid {
134
+ padding-right: 2rem;
135
+ background: str-replace(url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{$red}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>"), "#", "%23") no-repeat center right .5rem/1rem;
136
+ }
137
+
138
+ .form-help {
139
+ display: inline-block;
140
+ width: 1rem;
141
+ height: 1rem;
142
+ text-align: center;
143
+ line-height: 1rem;
144
+ color: $text-muted;
145
+ background: $gray-100;
146
+ border-radius: 50%;
147
+ font-size: px2rem(12px);
148
+ transition: .3s background-color, .3s color;
149
+ text-decoration: none;
150
+ cursor: pointer;
151
+ user-select: none;
152
+
153
+ &:hover,
154
+ &[aria-describedby] {
155
+ background: $primary;
156
+ color: #fff;
157
+ }
158
+ }