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,138 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropdown {
4
+ position: relative;
5
+ }
6
+
7
+ .dropdown-toggle {
8
+ // Generate the caret automatically
9
+ @include caret;
10
+ }
11
+
12
+ // The dropdown menu
13
+ .dropdown-menu {
14
+ position: absolute;
15
+ top: 100%;
16
+ left: 0;
17
+ z-index: $zindex-dropdown;
18
+ display: none; // none by default, but block on "open" of the menu
19
+ float: left;
20
+ min-width: $dropdown-min-width;
21
+ padding: $dropdown-padding-y 0;
22
+ margin: $dropdown-spacer 0 0; // override default ul
23
+ font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
24
+ color: $body-color;
25
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
26
+ list-style: none;
27
+ background-color: $dropdown-bg;
28
+ background-clip: padding-box;
29
+ border: $dropdown-border-width solid $dropdown-border-color;
30
+ @include border-radius($dropdown-border-radius);
31
+ @include box-shadow($dropdown-box-shadow);
32
+ }
33
+
34
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
35
+ // Just add .dropup after the standard .dropdown class and you're set.
36
+ .dropup {
37
+ .dropdown-menu {
38
+ margin-top: 0;
39
+ margin-bottom: $dropdown-spacer;
40
+ }
41
+
42
+ .dropdown-toggle {
43
+ @include caret(up);
44
+ }
45
+ }
46
+
47
+ .dropright {
48
+ .dropdown-menu {
49
+ margin-top: 0;
50
+ margin-left: $dropdown-spacer;
51
+ }
52
+
53
+ .dropdown-toggle {
54
+ @include caret(right);
55
+ &::after {
56
+ vertical-align: 0;
57
+ }
58
+ }
59
+ }
60
+
61
+ .dropleft {
62
+ .dropdown-menu {
63
+ margin-top: 0;
64
+ margin-right: $dropdown-spacer;
65
+ }
66
+
67
+ .dropdown-toggle {
68
+ @include caret(left);
69
+ &::before {
70
+ vertical-align: 0;
71
+ }
72
+ }
73
+ }
74
+
75
+ // Dividers (basically an `<hr>`) within the dropdown
76
+ .dropdown-divider {
77
+ @include nav-divider($dropdown-divider-bg);
78
+ }
79
+
80
+ // Links, buttons, and more within the dropdown menu
81
+ //
82
+ // `<button>`-specific styles are denoted with `// For <button>s`
83
+ .dropdown-item {
84
+ display: block;
85
+ width: 100%; // For `<button>`s
86
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
87
+ clear: both;
88
+ font-weight: $font-weight-normal;
89
+ color: $dropdown-link-color;
90
+ text-align: inherit; // For `<button>`s
91
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
92
+ background-color: transparent; // For `<button>`s
93
+ border: 0; // For `<button>`s
94
+
95
+ @include hover-focus {
96
+ color: $dropdown-link-hover-color;
97
+ text-decoration: none;
98
+ @include gradient-bg($dropdown-link-hover-bg);
99
+ }
100
+
101
+ &.active,
102
+ &:active {
103
+ color: $dropdown-link-active-color;
104
+ text-decoration: none;
105
+ @include gradient-bg($dropdown-link-active-bg);
106
+ }
107
+
108
+ &.disabled,
109
+ &:disabled {
110
+ color: $dropdown-link-disabled-color;
111
+ background-color: transparent;
112
+ // Remove CSS gradients if they're enabled
113
+ @if $enable-gradients {
114
+ background-image: none;
115
+ }
116
+ }
117
+ }
118
+
119
+ .dropdown-menu.show {
120
+ display: block;
121
+ }
122
+
123
+ // Dropdown section headers
124
+ .dropdown-header {
125
+ display: block;
126
+ padding: $dropdown-padding-y $dropdown-item-padding-x;
127
+ margin-bottom: 0; // for use with heading elements
128
+ font-size: $font-size-sm;
129
+ color: $dropdown-header-color;
130
+ white-space: nowrap; // as with > li > a
131
+ }
132
+
133
+ // Dropdown text
134
+ .dropdown-item-text {
135
+ display: block;
136
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
137
+ color: $dropdown-link-color;
138
+ }
@@ -0,0 +1,335 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Textual form controls
5
+ //
6
+
7
+ .form-control {
8
+ display: block;
9
+ width: 100%;
10
+ padding: $input-padding-y $input-padding-x;
11
+ font-size: $font-size-base;
12
+ line-height: $input-line-height;
13
+ color: $input-color;
14
+ background-color: $input-bg;
15
+ background-clip: padding-box;
16
+ border: $input-border-width solid $input-border-color;
17
+
18
+ // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
19
+ @if $enable-rounded {
20
+ // Manually use the if/else instead of the mixin to account for iOS override
21
+ border-radius: $input-border-radius;
22
+ } @else {
23
+ // Otherwise undo the iOS default
24
+ border-radius: 0;
25
+ }
26
+
27
+ @include box-shadow($input-box-shadow);
28
+ @include transition($input-transition);
29
+
30
+ // Unstyle the caret on `<select>`s in IE10+.
31
+ &::-ms-expand {
32
+ background-color: transparent;
33
+ border: 0;
34
+ }
35
+
36
+ // Customize the `:focus` state to imitate native WebKit styles.
37
+ @include form-control-focus();
38
+
39
+ // Placeholder
40
+ &::placeholder {
41
+ color: $input-placeholder-color;
42
+ // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
43
+ opacity: 1;
44
+ }
45
+
46
+ // Disabled and read-only inputs
47
+ //
48
+ // HTML5 says that controls under a fieldset > legend:first-child won't be
49
+ // disabled if the fieldset is disabled. Due to implementation difficulty, we
50
+ // don't honor that edge case; we style them as disabled anyway.
51
+ &:disabled,
52
+ &[readonly] {
53
+ background-color: $input-disabled-bg;
54
+ // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
55
+ opacity: 1;
56
+ }
57
+ }
58
+
59
+ select.form-control {
60
+ &:not([size]):not([multiple]) {
61
+ height: $input-height;
62
+ }
63
+
64
+ &:focus::-ms-value {
65
+ // Suppress the nested default white text on blue background highlight given to
66
+ // the selected option text when the (still closed) <select> receives focus
67
+ // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
68
+ // match the appearance of the native widget.
69
+ // See https://github.com/twbs/bootstrap/issues/19398.
70
+ color: $input-color;
71
+ background-color: $input-bg;
72
+ }
73
+ }
74
+
75
+ // Make file inputs better match text inputs by forcing them to new lines.
76
+ .form-control-file,
77
+ .form-control-range {
78
+ display: block;
79
+ width: 100%;
80
+ }
81
+
82
+
83
+ //
84
+ // Labels
85
+ //
86
+
87
+ // For use with horizontal and inline forms, when you need the label (or legend)
88
+ // text to align with the form controls.
89
+ .col-form-label {
90
+ padding-top: calc(#{$input-padding-y} + #{$input-border-width});
91
+ padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
92
+ margin-bottom: 0; // Override the `<label>/<legend>` default
93
+ font-size: inherit; // Override the `<legend>` default
94
+ line-height: $input-line-height;
95
+ }
96
+
97
+ .col-form-label-lg {
98
+ padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
99
+ padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
100
+ font-size: $font-size-lg;
101
+ line-height: $input-line-height-lg;
102
+ }
103
+
104
+ .col-form-label-sm {
105
+ padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
106
+ padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
107
+ font-size: $font-size-sm;
108
+ line-height: $input-line-height-sm;
109
+ }
110
+
111
+
112
+ // Readonly controls as plain text
113
+ //
114
+ // Apply class to a readonly input to make it appear like regular plain
115
+ // text (without any border, background color, focus indicator)
116
+
117
+ .form-control-plaintext {
118
+ display: block;
119
+ width: 100%;
120
+ padding-top: $input-padding-y;
121
+ padding-bottom: $input-padding-y;
122
+ margin-bottom: 0; // match inputs if this class comes on inputs with default margins
123
+ line-height: $input-line-height;
124
+ color: $input-plaintext-color;
125
+ background-color: transparent;
126
+ border: solid transparent;
127
+ border-width: $input-border-width 0;
128
+
129
+ &.form-control-sm,
130
+ &.form-control-lg {
131
+ padding-right: 0;
132
+ padding-left: 0;
133
+ }
134
+ }
135
+
136
+
137
+ // Form control sizing
138
+ //
139
+ // Build on `.form-control` with modifier classes to decrease or increase the
140
+ // height and font-size of form controls.
141
+ //
142
+ // The `.form-group-* form-control` variations are sadly duplicated to avoid the
143
+ // issue documented in https://github.com/twbs/bootstrap/issues/15074.
144
+
145
+ .form-control-sm {
146
+ padding: $input-padding-y-sm $input-padding-x-sm;
147
+ font-size: $font-size-sm;
148
+ line-height: $input-line-height-sm;
149
+ @include border-radius($input-border-radius-sm);
150
+ }
151
+
152
+ select.form-control-sm {
153
+ &:not([size]):not([multiple]) {
154
+ height: $input-height-sm;
155
+ }
156
+ }
157
+
158
+ .form-control-lg {
159
+ padding: $input-padding-y-lg $input-padding-x-lg;
160
+ font-size: $font-size-lg;
161
+ line-height: $input-line-height-lg;
162
+ @include border-radius($input-border-radius-lg);
163
+ }
164
+
165
+ select.form-control-lg {
166
+ &:not([size]):not([multiple]) {
167
+ height: $input-height-lg;
168
+ }
169
+ }
170
+
171
+
172
+ // Form groups
173
+ //
174
+ // Designed to help with the organization and spacing of vertical forms. For
175
+ // horizontal forms, use the predefined grid classes.
176
+
177
+ .form-group {
178
+ margin-bottom: $form-group-margin-bottom;
179
+ }
180
+
181
+ .form-text {
182
+ display: block;
183
+ margin-top: $form-text-margin-top;
184
+ }
185
+
186
+
187
+ // Form grid
188
+ //
189
+ // Special replacement for our grid system's `.row` for tighter form layouts.
190
+
191
+ .form-row {
192
+ display: flex;
193
+ flex-wrap: wrap;
194
+ margin-right: -5px;
195
+ margin-left: -5px;
196
+
197
+ > .col,
198
+ > [class*="col-"] {
199
+ padding-right: 5px;
200
+ padding-left: 5px;
201
+ }
202
+ }
203
+
204
+
205
+ // Checkboxes and radios
206
+ //
207
+ // Indent the labels to position radios/checkboxes as hanging controls.
208
+
209
+ .form-check {
210
+ position: relative;
211
+ display: block;
212
+ padding-left: $form-check-input-gutter;
213
+ }
214
+
215
+ .form-check-input {
216
+ position: absolute;
217
+ margin-top: $form-check-input-margin-y;
218
+ margin-left: -$form-check-input-gutter;
219
+
220
+ &:disabled ~ .form-check-label {
221
+ color: $text-muted;
222
+ }
223
+ }
224
+
225
+ .form-check-label {
226
+ margin-bottom: 0; // Override default `<label>` bottom margin
227
+ }
228
+
229
+ .form-check-inline {
230
+ display: inline-flex;
231
+ align-items: center;
232
+ padding-left: 0; // Override base .form-check
233
+ margin-right: $form-check-inline-margin-x;
234
+
235
+ // Undo .form-check-input defaults and add some `margin-right`.
236
+ .form-check-input {
237
+ position: static;
238
+ margin-top: 0;
239
+ margin-right: $form-check-inline-input-margin-x;
240
+ margin-left: 0;
241
+ }
242
+ }
243
+
244
+
245
+ // Form validation
246
+ //
247
+ // Provide feedback to users when form field values are valid or invalid. Works
248
+ // primarily for client-side validation via scoped `:invalid` and `:valid`
249
+ // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
250
+ // server side validation.
251
+
252
+ @include form-validation-state("valid", $form-feedback-valid-color);
253
+ @include form-validation-state("invalid", $form-feedback-invalid-color);
254
+
255
+ // Inline forms
256
+ //
257
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
258
+ // forms begin stacked on extra small (mobile) devices and then go inline when
259
+ // viewports reach <768px.
260
+ //
261
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
262
+ // default HTML form controls and our custom form controls (e.g., input groups).
263
+
264
+ .form-inline {
265
+ display: flex;
266
+ flex-flow: row wrap;
267
+ align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
268
+
269
+ // Because we use flex, the initial sizing of checkboxes is collapsed and
270
+ // doesn't occupy the full-width (which is what we want for xs grid tier),
271
+ // so we force that here.
272
+ .form-check {
273
+ width: 100%;
274
+ }
275
+
276
+ // Kick in the inline
277
+ @include media-breakpoint-up(sm) {
278
+ label {
279
+ display: flex;
280
+ align-items: center;
281
+ justify-content: center;
282
+ margin-bottom: 0;
283
+ }
284
+
285
+ // Inline-block all the things for "inline"
286
+ .form-group {
287
+ display: flex;
288
+ flex: 0 0 auto;
289
+ flex-flow: row wrap;
290
+ align-items: center;
291
+ margin-bottom: 0;
292
+ }
293
+
294
+ // Allow folks to *not* use `.form-group`
295
+ .form-control {
296
+ display: inline-block;
297
+ width: auto; // Prevent labels from stacking above inputs in `.form-group`
298
+ vertical-align: middle;
299
+ }
300
+
301
+ // Make static controls behave like regular ones
302
+ .form-control-plaintext {
303
+ display: inline-block;
304
+ }
305
+
306
+ .input-group,
307
+ .custom-select {
308
+ width: auto;
309
+ }
310
+
311
+ // Remove default margin on radios/checkboxes that were used for stacking, and
312
+ // then undo the floating of radios and checkboxes to match.
313
+ .form-check {
314
+ display: flex;
315
+ align-items: center;
316
+ justify-content: center;
317
+ width: auto;
318
+ padding-left: 0;
319
+ }
320
+ .form-check-input {
321
+ position: relative;
322
+ margin-top: 0;
323
+ margin-right: $form-check-input-margin-x;
324
+ margin-left: 0;
325
+ }
326
+
327
+ .custom-control {
328
+ align-items: center;
329
+ justify-content: center;
330
+ }
331
+ .custom-control-label {
332
+ margin-bottom: 0;
333
+ }
334
+ }
335
+ }