API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 26th, 2017
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
raw download clone embed print report
  1. /* CSS Helper ver 1.1.1 */
  2.  
  3. /* FLEX from Google Polymer 0.5.2 */
  4. html
  5. [layout]
  6. &[horizontal], &[vertical]
  7. display: -ms-flexbox
  8. display: -webkit-flex
  9.  
  10. display: flex
  11. &[horizontal][inline], &[vertical][inline]
  12. display: -ms-inline-flexbox
  13. display: -webkit-inline-flex
  14. display: inline-flex
  15. &[horizontal]
  16. -ms-flex-direction: row
  17. -webkit-flex-direction: row
  18. flex-direction: row
  19. &[reverse]
  20. -ms-flex-direction: row-reverse
  21. -webkit-flex-direction: row-reverse
  22. flex-direction: row-reverse
  23. &[vertical]
  24. -ms-flex-direction: column
  25. -webkit-flex-direction: column
  26. flex-direction: column
  27. &[reverse]
  28. -ms-flex-direction: column-reverse
  29. -webkit-flex-direction: column-reverse
  30. flex-direction: column-reverse
  31. &[wrap]
  32. -ms-flex-wrap: wrap
  33. -webkit-flex-wrap: wrap
  34. flex-wrap: wrap
  35. &[wrap-reverse]
  36. -ms-flex-wrap: wrap-reverse
  37. -webkit-flex-wrap: wrap-reverse
  38. flex-wrap: wrap-reverse
  39. [flex]
  40. -ms-flex: 1 1 0
  41. -webkit-flex: 1
  42. flex: 1
  43. -webkit-flex-basis: 0
  44. flex-basis: 0
  45. [vertical][layout]
  46. > [flex][auto-vertical], [flex][auto-vertical]
  47. -ms-flex: 1 1 auto
  48. -webkit-flex-basis: auto
  49. flex-basis: auto
  50. [flex]
  51. &[auto]
  52. -ms-flex: 1 1 auto
  53. -webkit-flex-basis: auto
  54. flex-basis: auto
  55. &[none]
  56. -ms-flex: none
  57. -webkit-flex: none
  58. flex: none
  59. &[one]
  60. -ms-flex: 1
  61. -webkit-flex: 1
  62. flex: 1
  63. &[two]
  64. -ms-flex: 2
  65. -webkit-flex: 2
  66. flex: 2
  67. &[three]
  68. -ms-flex: 3
  69. -webkit-flex: 3
  70. flex: 3
  71. &[four]
  72. -ms-flex: 4
  73. -webkit-flex: 4
  74. flex: 4
  75. &[five]
  76. -ms-flex: 5
  77. -webkit-flex: 5
  78. flex: 5
  79. &[six]
  80. -ms-flex: 6
  81. -webkit-flex: 6
  82. flex: 6
  83. &[seven]
  84. -ms-flex: 7
  85. -webkit-flex: 7
  86. flex: 7
  87. &[eight]
  88. -ms-flex: 8
  89. -webkit-flex: 8
  90. flex: 8
  91. &[nine]
  92. -ms-flex: 9
  93. -webkit-flex: 9
  94. flex: 9
  95. &[ten]
  96. -ms-flex: 10
  97. -webkit-flex: 10
  98. flex: 10
  99. &[eleven]
  100. -ms-flex: 11
  101. -webkit-flex: 11
  102. flex: 11
  103. &[twelve]
  104. -ms-flex: 12
  105. -webkit-flex: 12
  106. flex: 12
  107. [layout]
  108. &[start]
  109. -ms-flex-align: start
  110. -webkit-align-items: flex-start
  111. align-items: flex-start
  112. &[center], &[center-center]
  113. -ms-flex-align: center
  114. -webkit-align-items: center
  115. align-items: center
  116. &[end]
  117. -ms-flex-align: end
  118. -webkit-align-items: flex-end
  119. align-items: flex-end
  120. &[start-justified]
  121. -ms-flex-pack: start
  122. -webkit-justify-content: flex-start
  123. justify-content: flex-start
  124. &[center-justified], &[center-center]
  125. -ms-flex-pack: center
  126. -webkit-justify-content: center
  127. justify-content: center
  128. &[end-justified]
  129. -ms-flex-pack: end
  130. -webkit-justify-content: flex-end
  131. justify-content: flex-end
  132. &[around-justified]
  133. -ms-flex-pack: distribute
  134. -webkit-justify-content: space-around
  135. justify-content: space-around
  136. &[justified]
  137. -ms-flex-pack: justify
  138. -webkit-justify-content: space-between
  139. justify-content: space-between
  140. [self-start]
  141. -ms-align-self: flex-start
  142. -webkit-align-self: flex-start
  143. align-self: flex-start
  144. [self-center]
  145. -ms-align-self: center
  146. -webkit-align-self: center
  147. align-self: center
  148. [self-end]
  149. -ms-align-self: flex-end
  150. -webkit-align-self: flex-end
  151. align-self: flex-end
  152. [self-stretch]
  153. -ms-align-self: stretch
  154. -webkit-align-self: stretch
  155. align-self: stretch
  156. [block]
  157. display: block
  158. [hidden]
  159. display: none!important
  160. [relative]
  161. position: relative
  162. [fit]
  163. position: absolute
  164. top: 0
  165. right: 0
  166. bottom: 0
  167. left: 0
  168.  
  169. body[fullbleed]
  170. margin: 0
  171. height: 100vh
  172.  
  173. html
  174. [segment], segment
  175. display: block
  176. position: relative
  177. -webkit-box-sizing: border-box
  178. -ms-box-sizing: border-box
  179. box-sizing: border-box
  180. margin: 1em .5em
  181. padding: 1em
  182. background-color: #fff
  183. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
  184. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
  185. border-radius: 5px
  186.  
  187. /* end of FLEX from Google Polymer 0.5.2 */
  188.  
  189. .bg-gd
  190. background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)))
  191. background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%)
  192. background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%)
  193. background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%)
  194. background-repeat: repeat-x
  195. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0)
  196. filter: none
  197.  
  198. .bg-gd-dk
  199. background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)))
  200. background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%)
  201. background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%)
  202. background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%)
  203. background-repeat: repeat-x
  204. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#7f28323c', GradientType=0)
  205. filter: none
  206.  
  207. .bg-white-opacity
  208. background-color: rgba(255, 255, 255, 0.5)
  209.  
  210. .bg-black-opacity
  211. background-color: rgba(32, 43, 54, 0.5)
  212.  
  213. .pos-rlt
  214. position: relative
  215.  
  216. .pos-stc
  217. position: static
  218.  
  219. .pos-abt
  220. position: absolute
  221.  
  222. .pos-fix
  223. position: fixed
  224.  
  225. .line
  226. width: 100%
  227. height: 2px
  228. margin: 10px 0
  229. font-size: 0
  230. overflow: hidden
  231.  
  232. .line-xs
  233. margin: 0
  234.  
  235. .line-lg
  236. margin-top: 15px
  237. margin-bottom: 15px
  238.  
  239. .line-dashed
  240. border-style: dashed !important
  241. background-color: transparent
  242. border-width: 0
  243.  
  244. .no-line
  245. border-width: 0
  246.  
  247. .no-border, .no-borders
  248. border-color: transparent
  249. border-width: 0
  250.  
  251. .no-radius
  252. border-radius: 0
  253.  
  254. .block
  255. display: block
  256. &.hide
  257. display: none
  258.  
  259. .inline
  260. display: inline-block !important
  261.  
  262. .none
  263. display: none
  264.  
  265. .pull-none
  266. float: none
  267.  
  268. .rounded
  269. border-radius: 500px
  270.  
  271. .clear
  272. display: block
  273. overflow: hidden
  274.  
  275. .no-bg
  276. background-color: transparent
  277. color: inherit
  278.  
  279. .l-h
  280. line-height: 1.42857143
  281.  
  282. .l-h-1x
  283. line-height: 1.2
  284.  
  285. .l-h-2x
  286. line-height: 2em
  287.  
  288. .l-s-1x
  289. letter-spacing: 1
  290.  
  291. .l-s-2x
  292. letter-spacing: 2
  293.  
  294. .l-s-3x
  295. letter-spacing: 3
  296.  
  297. .font-normal
  298. font-weight: normal
  299.  
  300. .font-thin
  301. font-weight: 300
  302.  
  303. .font-bold
  304. font-weight: 700
  305.  
  306. .text-3x
  307. font-size: 3em
  308.  
  309. .text-2x
  310. font-size: 2em
  311.  
  312. .text-lg
  313. font-size: 18px
  314.  
  315. .text-md
  316. font-size: 16px
  317.  
  318. .text-base
  319. font-size: 14px
  320.  
  321. .text-sm
  322. font-size: 13px
  323.  
  324. .text-xs
  325. font-size: 12px
  326.  
  327. .text-xxs
  328. text-indent: -9999px
  329.  
  330. .text-ellipsis
  331. display: block
  332. white-space: nowrap
  333. overflow: hidden
  334. text-overflow: ellipsis
  335.  
  336. .text-u-c
  337. text-transform: uppercase
  338.  
  339. .text-l-t
  340. text-decoration: line-through
  341.  
  342. .text-u-l
  343. text-decoration: underline
  344.  
  345. .text-active
  346. display: none !important
  347.  
  348. .active >
  349. .text, .auto .text
  350. display: none !important
  351. .text-active, .auto .text-active
  352. display: inline-block !important
  353.  
  354. .box-shadow
  355. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05)
  356.  
  357. .box-shadow-lg
  358. box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05)
  359.  
  360. .text-shadow
  361. font-size: 170px
  362. text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2)
  363.  
  364. .no-shadow
  365. -webkit-box-shadow: none !important
  366. box-shadow: none !important
  367.  
  368. .wrapper-xs
  369. padding: 5px
  370.  
  371. .wrapper-sm
  372. padding: 10px
  373.  
  374. .wrapper
  375. padding: 15px
  376.  
  377. .wrapper-md
  378. padding: 20px
  379.  
  380. .wrapper-lg
  381. padding: 30px
  382.  
  383. .wrapper-xl
  384. padding: 50px
  385.  
  386. .padder-lg
  387. padding-left: 30px
  388. padding-right: 30px
  389.  
  390. .padder-md
  391. padding-left: 20px
  392. padding-right: 20px
  393.  
  394. .padder
  395. padding-left: 15px
  396. padding-right: 15px
  397.  
  398. .padder-v
  399. padding-top: 15px
  400. padding-bottom: 15px
  401.  
  402. .no-padder
  403. padding: 0 !important
  404.  
  405. .pull-in
  406. margin-left: -15px
  407. margin-right: -15px
  408.  
  409. .pull-out
  410. margin: -10px -15px
  411.  
  412. .b
  413. border: 1px solid rgba(0, 0, 0, 0.05)
  414.  
  415. .b-a
  416. border: 1px solid #dee5e7
  417.  
  418. .b-t
  419. border-top: 1px solid #dee5e7
  420.  
  421. .b-r
  422. border-right: 1px solid #dee5e7
  423.  
  424. .b-b
  425. border-bottom: 1px solid #dee5e7
  426.  
  427. .b-l
  428. border-left: 1px solid #dee5e7
  429.  
  430. .b-light
  431. border-color: #edf1f2
  432.  
  433. .b-dark, .b-black
  434. border-color: #3a3f51
  435.  
  436. .b-primary
  437. border-color: #7266ba
  438.  
  439. .b-success
  440. border-color: #27c24c
  441.  
  442. .b-info
  443. border-color: #23b7e5
  444.  
  445. .b-warning
  446. border-color: #fad733
  447.  
  448. .b-danger
  449. border-color: #f05050
  450.  
  451. .b-white
  452. border-color: #fff
  453.  
  454. .b-dashed
  455. border-style: dashed !important
  456.  
  457. .b-l-light
  458. border-left-color: #edf1f2
  459.  
  460. .b-l-dark, .b-l-black
  461. border-left-color: #3a3f51
  462.  
  463. .b-l-primary
  464. border-left-color: #7266ba
  465.  
  466. .b-l-success
  467. border-left-color: #27c24c
  468.  
  469. .b-l-info
  470. border-left-color: #23b7e5
  471.  
  472. .b-l-warning
  473. border-left-color: #fad733
  474.  
  475. .b-l-danger
  476. border-left-color: #f05050
  477.  
  478. .b-l-white
  479. border-left-color: #fff
  480.  
  481. .b-l-2x
  482. border-left-width: 2px
  483.  
  484. .b-l-3x
  485. border-left-width: 3px
  486.  
  487. .b-l-4x
  488. border-left-width: 4px
  489.  
  490. .b-l-5x
  491. border-left-width: 5px
  492.  
  493. .b-2x
  494. border-width: 2px
  495.  
  496. .b-3x
  497. border-width: 3px
  498.  
  499. .b-4x
  500. border-width: 4px
  501.  
  502. .b-5x
  503. border-width: 5px
  504.  
  505. .r
  506. border-radius: 2px 2px 2px 2px
  507.  
  508. .r-2x
  509. border-radius: 4px
  510.  
  511. .r-3x
  512. border-radius: 6px
  513.  
  514. .r-l
  515. border-radius: 2px 0 0 2px
  516.  
  517. .r-r
  518. border-radius: 0 2px 2px 0
  519.  
  520. .r-t
  521. border-radius: 2px 2px 0 0
  522.  
  523. .r-b
  524. border-radius: 0 0 2px 2px
  525.  
  526. .m-xxs
  527. margin: 2px 4px
  528.  
  529. .m-xs
  530. margin: 5px
  531.  
  532. .m-sm
  533. margin: 10px
  534.  
  535. .m
  536. margin: 15px
  537.  
  538. .m-md
  539. margin: 20px
  540.  
  541. .m-lg
  542. margin: 30px
  543.  
  544. .m-xl
  545. margin: 50px
  546.  
  547. .m-n
  548. margin: 0 !important
  549.  
  550. .m-l-none
  551. margin-left: 0
  552.  
  553. .m-l-xs
  554. margin-left: 5px
  555.  
  556. .m-l-sm
  557. margin-left: 10px
  558.  
  559. .m-l
  560. margin-left: 15px
  561.  
  562. .m-l-md
  563. margin-left: 20px
  564.  
  565. .m-l-lg
  566. margin-left: 30px
  567.  
  568. .m-l-xl
  569. margin-left: 40px
  570.  
  571. .m-l-xxl
  572. margin-left: 50px
  573.  
  574. .m-l-n-xxs
  575. margin-left: -1px
  576.  
  577. .m-l-n-xs
  578. margin-left: -5px
  579.  
  580. .m-l-n-sm
  581. margin-left: -10px
  582.  
  583. .m-l-n
  584. margin-left: -15px
  585.  
  586. .m-l-n-md
  587. margin-left: -20px
  588.  
  589. .m-l-n-lg
  590. margin-left: -30px
  591.  
  592. .m-l-n-xl
  593. margin-left: -40px
  594.  
  595. .m-l-n-xxl
  596. margin-left: -50px
  597.  
  598. .m-t-none
  599. margin-top: 0
  600.  
  601. .m-t-xxs
  602. margin-top: 1px
  603.  
  604. .m-t-xs
  605. margin-top: 5px
  606.  
  607. .m-t-sm
  608. margin-top: 10px
  609.  
  610. .m-t
  611. margin-top: 15px
  612.  
  613. .m-t-md
  614. margin-top: 20px
  615.  
  616. .m-t-lg
  617. margin-top: 30px
  618.  
  619. .m-t-xl
  620. margin-top: 40px
  621.  
  622. .m-t-xxl
  623. margin-top: 50px
  624.  
  625. .m-t-n-xxs
  626. margin-top: -1px
  627.  
  628. .m-t-n-xs
  629. margin-top: -5px
  630.  
  631. .m-t-n-sm
  632. margin-top: -10px
  633.  
  634. .m-t-n
  635. margin-top: -15px
  636.  
  637. .m-t-n-md
  638. margin-top: -20px
  639.  
  640. .m-t-n-lg
  641. margin-top: -30px
  642.  
  643. .m-t-n-xl
  644. margin-top: -40px
  645.  
  646. .m-t-n-xxl
  647. margin-top: -50px
  648.  
  649. .m-r-none
  650. margin-right: 0
  651.  
  652. .m-r-xxs
  653. margin-right: 1px
  654.  
  655. .m-r-xs
  656. margin-right: 5px
  657.  
  658. .m-r-sm
  659. margin-right: 10px
  660.  
  661. .m-r
  662. margin-right: 15px
  663.  
  664. .m-r-md
  665. margin-right: 20px
  666.  
  667. .m-r-lg
  668. margin-right: 30px
  669.  
  670. .m-r-xl
  671. margin-right: 40px
  672.  
  673. .m-r-xxl
  674. margin-right: 50px
  675.  
  676. .m-r-n-xxs
  677. margin-right: -1px
  678.  
  679. .m-r-n-xs
  680. margin-right: -5px
  681.  
  682. .m-r-n-sm
  683. margin-right: -10px
  684.  
  685. .m-r-n
  686. margin-right: -15px
  687.  
  688. .m-r-n-md
  689. margin-right: -20px
  690.  
  691. .m-r-n-lg
  692. margin-right: -30px
  693.  
  694. .m-r-n-xl
  695. margin-right: -40px
  696.  
  697. .m-r-n-xxl
  698. margin-right: -50px
  699.  
  700. .m-b-none
  701. margin-bottom: 0
  702.  
  703. .m-b-xxs
  704. margin-bottom: 1px
  705.  
  706. .m-b-xs
  707. margin-bottom: 5px
  708.  
  709. .m-b-sm
  710. margin-bottom: 10px
  711.  
  712. .m-b
  713. margin-bottom: 15px
  714.  
  715. .m-b-md
  716. margin-bottom: 20px
  717.  
  718. .m-b-lg
  719. margin-bottom: 30px
  720.  
  721. .m-b-xl
  722. margin-bottom: 40px
  723.  
  724. .m-b-xxl
  725. margin-bottom: 50px
  726.  
  727. .m-b-n-xxs
  728. margin-bottom: -1px
  729.  
  730. .m-b-n-xs
  731. margin-bottom: -5px
  732.  
  733. .m-b-n-sm
  734. margin-bottom: -10px
  735.  
  736. .m-b-n
  737. margin-bottom: -15px
  738.  
  739. .m-b-n-md
  740. margin-bottom: -20px
  741.  
  742. .m-b-n-lg
  743. margin-bottom: -30px
  744.  
  745. .m-b-n-xl
  746. margin-bottom: -40px
  747.  
  748. .m-b-n-xxl
  749. margin-bottom: -50px
  750.  
  751. .w-xxs
  752. width: 60px
  753.  
  754. .w-xs
  755. width: 90px
  756.  
  757. .w-sm
  758. width: 150px
  759.  
  760. .w
  761. width: 200px
  762.  
  763. .w-md
  764. width: 240px
  765.  
  766. .w-lg
  767. width: 280px
  768.  
  769. .w-xl
  770. width: 320px
  771.  
  772. .w-xxl
  773. width: 360px
  774.  
  775. .w-full
  776. width: 100%
  777.  
  778. .w-auto
  779. width: auto
  780.  
  781. .h-auto
  782. height: auto
  783.  
  784. .h-full
  785. height: 100%
  786.  
  787. .thumb-xl
  788. width: 128px
  789. display: inline-block
  790.  
  791. .thumb-lg
  792. width: 96px
  793. display: inline-block
  794.  
  795. .thumb-md
  796. width: 64px
  797. display: inline-block
  798.  
  799. .thumb
  800. width: 50px
  801. display: inline-block
  802.  
  803. .thumb-sm
  804. width: 40px
  805. display: inline-block
  806.  
  807. .thumb-xs
  808. width: 34px
  809. display: inline-block
  810.  
  811. .thumb-xxs
  812. width: 30px
  813. display: inline-block
  814.  
  815. .thumb-wrapper
  816. padding: 2px
  817. border: 1px solid #dee5e7
  818.  
  819. .thumb img, .thumb-xs img, .thumb-sm img, .thumb-md img, .thumb-lg img, .thumb-btn img
  820. height: auto
  821. max-width: 100%
  822. vertical-align: middle
  823.  
  824. .img-full
  825. width: 100%
  826. img
  827. width: 100%
  828.  
  829. .b-none
  830. border: none
  831.  
  832. .text-center
  833. text-align: center
  834. .text-right
  835. text-align: right
  836. .text-muted
  837. color: #9e9e9e
  838. .bg-white
  839. background-color: #fff
  840. .bg-black
  841. background-color: #000
  842. .bg-muted
  843. background-color: #eeeeee
  844.  
  845. .color-grey-300
  846. color: #e0e0e0
  847. .color-grey-700
  848. color: #616161
  849. .color-grey-900
  850. color: #212121
  851. .color-white
  852. color: #fff
  853. .color-black
  854. color: #000
  855.  
  856. .text-c
  857. text-transform: capitalize
  858. .text-xxs
  859. text-indent: 0
  860. font-size: 10px
  861. .text-xl
  862. font-size: 22px
  863.  
  864. .pull-left
  865. float: left
  866. .pull-right
  867. float: right
  868.  
  869. .pos-abt
  870. &.top
  871. top: 0
  872. &.left
  873. left: 0
  874. &.bottom
  875. bottom: 0
  876. &.right
  877. right: 0
  878.  
  879. .text-shadow
  880. font-size: inherit
  881. text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.3)
  882.  
  883. .bar-no-border
  884. border: none
  885. background-image: none !important
  886.  
  887. .v-align-middle
  888. vertical-align: middle
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!