snack-helper
Version:
A universal CSS helper library.
11 lines (9 loc) • 23.2 kB
CSS
/*!
* snack-helper - v2.2.0
* A universal CSS helper library.
* https://snack-ui.github.io/snack-helper/
*
* Copyright (c) 2017 nzbin
* Released under MIT License
*/.text-white{color:#fff }.text-black{color:#2d353c }.text-gray{color:#969696 }.text-gray-light{color:#bcbcbc }.text-gray-lighter{color:#d6d6d6 }.text-gray-lightest{color:#efefef }.text-gray-dark{color:#707070 }.text-gray-darker{color:#565656 }.text-gray-darkest{color:#3d3d3d }.text-brown{color:#a57868 }.text-brown-light{color:#c2a398 }.text-brown-lighter{color:#d5bfb8 }.text-brown-lightest{color:#e8dcd8 }.text-brown-dark{color:#795548 }.text-brown-darker{color:#593e35 }.text-brown-darkest{color:#392822 }.text-red{color:#ff291d }.text-red-light{color:#ff716a }.text-red-lighter{color:#ffa29d }.text-red-lightest{color:#ffd2d0 }.text-red-dark{color:#d00b00 }.text-red-darker{color:#9d0800 }.text-red-darkest{color:#6a0600 }.text-orange{color:#ff9500 }.text-orange-light{color:#ffb54d }.text-orange-lighter{color:#ffca80 }.text-orange-lightest{color:#ffdfb3 }.text-orange-dark{color:#b36800 }.text-orange-darker{color:#804b00 }.text-orange-darkest{color:#4d2d00 }.text-yellow{color:#ffe70e }.text-yellow-light{color:#ffef5b }.text-yellow-lighter{color:#fff48e }.text-yellow-lightest{color:#fff9c1 }.text-yellow-dark{color:#c1ad00 }.text-yellow-darker{color:#8e7f00 }.text-yellow-darkest{color:#5b5100 }.text-green{color:#4cd964 }.text-green-light{color:#8be69b }.text-green-lighter{color:#b5efbf }.text-green-lightest{color:#dff8e4 }.text-green-dark{color:#26b33e }.text-green-darker{color:#1d892f }.text-green-darkest{color:#145e21 }.text-teal{color:#18e0cd }.text-teal-light{color:#57eddf }.text-teal-lighter{color:#86f2e8 }.text-teal-lightest{color:#b4f7f1 }.text-teal-dark{color:#119b8e }.text-teal-darker{color:#0c6d64 }.text-teal-darkest{color:#073f39 }.text-blue{color:#007aff }.text-blue-light{color:#4da2ff }.text-blue-lighter{color:#80bdff }.text-blue-lightest{color:#b3d7ff }.text-blue-dark{color:#0055b3 }.text-blue-darker{color:#003d80 }.text-blue-darkest{color:#00254d }.text-indigo{color:#5f6ec7 }.text-indigo-light{color:#98a1db }.text-indigo-lighter{color:#bdc4e8 }.text-indigo-lightest{color:#e3e6f5 }.text-indigo-dark{color:#3847a1 }.text-indigo-darker{color:#2b377b }.text-indigo-darkest{color:#1e2656 }.text-purple{color:#af2ec5 }.text-purple-light{color:#ca65db }.text-purple-lighter{color:#d88ee5 }.text-purple-lightest{color:#e6b7ee }.text-purple-dark{color:#782087 }.text-purple-darker{color:#53165e }.text-purple-darkest{color:#2e0c34 }.text-pink{color:#ff3069 }.text-pink-light{color:#ff7da0 }.text-pink-lighter{color:#ffb0c5 }.text-pink-lightest{color:#ffe3ea }.text-pink-dark{color:#e3003e }.text-pink-darker{color:#b00030 }.text-pink-darkest{color:#7d0022 }.bg-white{background-color:#fff }.bg-black{background-color:#2d353c }.bg-transparent{background-color:transparent }.bg-gray{background-color:#969696 }.bg-gray-light{background-color:#bcbcbc }.bg-gray-lighter{background-color:#d6d6d6 }.bg-gray-lightest{background-color:#efefef }.bg-gray-dark{background-color:#707070 }.bg-gray-darker{background-color:#565656 }.bg-gray-darkest{background-color:#3d3d3d }.bg-brown{background-color:#a57868 }.bg-brown-light{background-color:#c2a398 }.bg-brown-lighter{background-color:#d5bfb8 }.bg-brown-lightest{background-color:#e8dcd8 }.bg-brown-dark{background-color:#795548 }.bg-brown-darker{background-color:#593e35 }.bg-brown-darkest{background-color:#392822 }.bg-red{background-color:#ff291d }.bg-red-light{background-color:#ff716a }.bg-red-lighter{background-color:#ffa29d }.bg-red-lightest{background-color:#ffd2d0 }.bg-red-dark{background-color:#d00b00 }.bg-red-darker{background-color:#9d0800 }.bg-red-darkest{background-color:#6a0600 }.bg-orange{background-color:#ff9500 }.bg-orange-light{background-color:#ffb54d }.bg-orange-lighter{background-color:#ffca80 }.bg-orange-lightest{background-color:#ffdfb3 }.bg-orange-dark{background-color:#b36800 }.bg-orange-darker{background-color:#804b00 }.bg-orange-darkest{background-color:#4d2d00 }.bg-yellow{background-color:#ffe70e }.bg-yellow-light{background-color:#ffef5b }.bg-yellow-lighter{background-color:#fff48e }.bg-yellow-lightest{background-color:#fff9c1 }.bg-yellow-dark{background-color:#c1ad00 }.bg-yellow-darker{background-color:#8e7f00 }.bg-yellow-darkest{background-color:#5b5100 }.bg-green{background-color:#4cd964 }.bg-green-light{background-color:#8be69b }.bg-green-lighter{background-color:#b5efbf }.bg-green-lightest{background-color:#dff8e4 }.bg-green-dark{background-color:#26b33e }.bg-green-darker{background-color:#1d892f }.bg-green-darkest{background-color:#145e21 }.bg-teal{background-color:#18e0cd }.bg-teal-light{background-color:#57eddf }.bg-teal-lighter{background-color:#86f2e8 }.bg-teal-lightest{background-color:#b4f7f1 }.bg-teal-dark{background-color:#119b8e }.bg-teal-darker{background-color:#0c6d64 }.bg-teal-darkest{background-color:#073f39 }.bg-blue{background-color:#007aff }.bg-blue-light{background-color:#4da2ff }.bg-blue-lighter{background-color:#80bdff }.bg-blue-lightest{background-color:#b3d7ff }.bg-blue-dark{background-color:#0055b3 }.bg-blue-darker{background-color:#003d80 }.bg-blue-darkest{background-color:#00254d }.bg-indigo{background-color:#5f6ec7 }.bg-indigo-light{background-color:#98a1db }.bg-indigo-lighter{background-color:#bdc4e8 }.bg-indigo-lightest{background-color:#e3e6f5 }.bg-indigo-dark{background-color:#3847a1 }.bg-indigo-darker{background-color:#2b377b }.bg-indigo-darkest{background-color:#1e2656 }.bg-purple{background-color:#af2ec5 }.bg-purple-light{background-color:#ca65db }.bg-purple-lighter{background-color:#d88ee5 }.bg-purple-lightest{background-color:#e6b7ee }.bg-purple-dark{background-color:#782087 }.bg-purple-darker{background-color:#53165e }.bg-purple-darkest{background-color:#2e0c34 }.bg-pink{background-color:#ff3069 }.bg-pink-light{background-color:#ff7da0 }.bg-pink-lighter{background-color:#ffb0c5 }.bg-pink-lightest{background-color:#ffe3ea }.bg-pink-dark{background-color:#e3003e }.bg-pink-darker{background-color:#b00030 }.bg-pink-darkest{background-color:#7d0022 }.object-contain{object-fit:contain }.object-cover{object-fit:cover }.object-fill{object-fit:fill }.object-none{object-fit:none }.object-scale-down{object-fit:scale-down }.shadow-none{box-shadow:none }.shadow-1{box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.06) }.shadow-2{box-shadow:0 4px 8px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.06) }.shadow-3{box-shadow:0 8px 16px -2px rgba(0,0,0,.12),0 4px 8px -2px rgba(0,0,0,.06) }.shadow-4{box-shadow:0 16px 32px -4px rgba(0,0,0,.12),0 8px 16px -4px rgba(0,0,0,.06) }.shadow-5{box-shadow:0 24px 48px -8px rgba(0,0,0,.12),0 16px 32px -8px rgba(0,0,0,.06) }.r-0{border-radius:0 }.r-4{border-radius:.25rem }.r-8{border-radius:.5rem }.r-12{border-radius:.75rem }.r-16{border-radius:1rem }.r-full{border-radius:50rem }.r-t-l-0{border-top-left-radius:0 }.r-t-l-4{border-top-left-radius:.25rem }.r-t-l-8{border-top-left-radius:.5rem }.r-t-l-12{border-top-left-radius:.75rem }.r-t-l-16{border-top-left-radius:1rem }.r-t-l-full{border-top-left-radius:50rem }.r-t-r-0{border-top-right-radius:0 }.r-t-r-4{border-top-right-radius:.25rem }.r-t-r-8{border-top-right-radius:.5rem }.r-t-r-12{border-top-right-radius:.75rem }.r-t-r-16{border-top-right-radius:1rem }.r-t-r-full{border-top-right-radius:50rem }.r-b-r-0{border-bottom-right-radius:0 }.r-b-r-4{border-bottom-right-radius:.25rem }.r-b-r-8{border-bottom-right-radius:.5rem }.r-b-r-12{border-bottom-right-radius:.75rem }.r-b-r-16{border-bottom-right-radius:1rem }.r-b-r-full{border-bottom-right-radius:50rem }.r-b-l-0{border-bottom-left-radius:0 }.r-b-l-4{border-bottom-left-radius:.25rem }.r-b-l-8{border-bottom-left-radius:.5rem }.r-b-l-12{border-bottom-left-radius:.75rem }.r-b-l-16{border-bottom-left-radius:1rem }.r-b-l-full{border-bottom-left-radius:50rem }.b-0{border:0 }.b-1{border:1px solid rgba(0,0,0,.12) }.b-2{border:2px solid rgba(0,0,0,.12) }.b-4{border:4px solid rgba(0,0,0,.12) }.b-8{border:8px solid rgba(0,0,0,.12) }.b-t-0{border-top:0 }.b-t-1{border-top:1px solid rgba(0,0,0,.12) }.b-t-2{border-top:2px solid rgba(0,0,0,.12) }.b-t-4{border-top:4px solid rgba(0,0,0,.12) }.b-t-8{border-top:8px solid rgba(0,0,0,.12) }.b-b-0{border-bottom:0 }.b-b-1{border-bottom:1px solid rgba(0,0,0,.12) }.b-b-2{border-bottom:2px solid rgba(0,0,0,.12) }.b-b-4{border-bottom:4px solid rgba(0,0,0,.12) }.b-b-8{border-bottom:8px solid rgba(0,0,0,.12) }.b-r-0{border-right:0 }.b-r-1{border-right:1px solid rgba(0,0,0,.12) }.b-r-2{border-right:2px solid rgba(0,0,0,.12) }.b-r-4{border-right:4px solid rgba(0,0,0,.12) }.b-r-8{border-right:8px solid rgba(0,0,0,.12) }.b-l-0{border-left:0 }.b-l-1{border-left:1px solid rgba(0,0,0,.12) }.b-l-2{border-left:2px solid rgba(0,0,0,.12) }.b-l-4{border-left:4px solid rgba(0,0,0,.12) }.b-l-8{border-left:8px solid rgba(0,0,0,.12) }.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer }.cursor-not-allowed{cursor:not-allowed !important}.align-top{vertical-align:top }.align-middle{vertical-align:middle }.align-bottom{vertical-align:bottom }.f-s-0{font-size:0 }.f-s-10{font-size:.625rem }.f-s-12{font-size:.75rem }.f-s-14{font-size:.875rem }.f-s-16{font-size:1rem }.f-s-18{font-size:1.125rem }.f-s-20{font-size:1.25rem }.f-s-24{font-size:1.5rem }.f-s-32{font-size:2rem }.f-w-100{font-weight:100 }.f-w-200{font-weight:200 }.f-w-300{font-weight:300 }.f-w-400{font-weight:400 }.f-w-500{font-weight:500 }.f-w-600{font-weight:600 }.f-w-700{font-weight:700 }.f-w-800{font-weight:800 }.f-w-900{font-weight:900 }.text-capitalize{text-transform:capitalize }.text-uppercase{text-transform:uppercase }.text-lowercase{text-transform:lowercase }.text-center{text-align:center }.text-right{text-align:right !important}.text-left{text-align:left !important}.text-wrap{white-space:normal }.text-nowrap{white-space:nowrap }.text-ellipsis{text-overflow:ellipsis }.overflow-auto{overflow:auto }.overflow-hidden{overflow:hidden }.overflow-visible{overflow:visible }.overflow-scroll{overflow:scroll }.overflow-x-hidden{overflow-x:hidden }.overflow-x-visible{overflow-x:visible }.overflow-x-scroll{overflow-x:scroll }.overflow-y-hidden{overflow-y:hidden }.overflow-y-visible{overflow-y:visible }.overflow-y-scroll{overflow-y:scroll }.m-0{margin:0 }.m-4{margin:.25rem }.m-8{margin:.5rem }.m-12{margin:.75rem }.m-16{margin:1rem }.m-24{margin:1.5rem }.m-32{margin:2rem }.m-48{margin:3rem }.m-auto{margin:auto }.m-x-0{margin-left:0 ;margin-right:0 }.m-x-4{margin-left:.25rem ;margin-right:.25rem }.m-x-8{margin-left:.5rem ;margin-right:.5rem }.m-x-12{margin-left:.75rem ;margin-right:.75rem }.m-x-16{margin-left:1rem ;margin-right:1rem }.m-x-24{margin-left:1.5rem ;margin-right:1.5rem }.m-x-32{margin-left:2rem ;margin-right:2rem }.m-x-48{margin-left:3rem ;margin-right:3rem }.m-x-auto{margin-left:auto ;margin-right:auto }.m-y-0{margin-top:0 ;margin-bottom:0 }.m-y-4{margin-top:.25rem ;margin-bottom:.25rem }.m-y-8{margin-top:.5rem ;margin-bottom:.5rem }.m-y-12{margin-top:.75rem ;margin-bottom:.75rem }.m-y-16{margin-top:1rem ;margin-bottom:1rem }.m-y-24{margin-top:1.5rem ;margin-bottom:1.5rem }.m-y-32{margin-top:2rem ;margin-bottom:2rem }.m-y-48{margin-top:3rem ;margin-bottom:3rem }.m-y-auto{margin-top:auto ;margin-bottom:auto }.m-t-0{margin-top:0 }.m-t-4{margin-top:.25rem }.m-t-8{margin-top:.5rem }.m-t-12{margin-top:.75rem }.m-t-16{margin-top:1rem }.m-t-24{margin-top:1.5rem }.m-t-32{margin-top:2rem }.m-t-48{margin-top:3rem }.m-t-auto{margin-top:auto }.m-r-0{margin-right:0 }.m-r-4{margin-right:.25rem }.m-r-8{margin-right:.5rem }.m-r-12{margin-right:.75rem }.m-r-16{margin-right:1rem }.m-r-24{margin-right:1.5rem }.m-r-32{margin-right:2rem }.m-r-48{margin-right:3rem }.m-r-auto{margin-right:auto }.m-b-0{margin-bottom:0 }.m-b-4{margin-bottom:.25rem }.m-b-8{margin-bottom:.5rem }.m-b-12{margin-bottom:.75rem }.m-b-16{margin-bottom:1rem }.m-b-24{margin-bottom:1.5rem }.m-b-32{margin-bottom:2rem }.m-b-48{margin-bottom:3rem }.m-b-auto{margin-bottom:auto }.m-l-0{margin-left:0 }.m-l-4{margin-left:.25rem }.m-l-8{margin-left:.5rem }.m-l-12{margin-left:.75rem }.m-l-16{margin-left:1rem }.m-l-24{margin-left:1.5rem }.m-l-32{margin-left:2rem }.m-l-48{margin-left:3rem }.m-l-auto{margin-left:auto }.m--4{margin:-0.25rem }.m--8{margin:-0.5rem }.m--12{margin:-0.75rem }.m--16{margin:-1rem }.m--24{margin:-1.5rem }.m--32{margin:-2rem }.m--48{margin:-3rem }.m-x--4{margin-left:-0.25rem ;margin-right:-0.25rem }.m-x--8{margin-left:-0.5rem ;margin-right:-0.5rem }.m-x--12{margin-left:-0.75rem ;margin-right:-0.75rem }.m-x--16{margin-left:-1rem ;margin-right:-1rem }.m-x--24{margin-left:-1.5rem ;margin-right:-1.5rem }.m-x--32{margin-left:-2rem ;margin-right:-2rem }.m-x--48{margin-left:-3rem ;margin-right:-3rem }.m-y--4{margin-top:-0.25rem ;margin-bottom:-0.25rem }.m-y--8{margin-top:-0.5rem ;margin-bottom:-0.5rem }.m-y--12{margin-top:-0.75rem ;margin-bottom:-0.75rem }.m-y--16{margin-top:-1rem ;margin-bottom:-1rem }.m-y--24{margin-top:-1.5rem ;margin-bottom:-1.5rem }.m-y--32{margin-top:-2rem ;margin-bottom:-2rem }.m-y--48{margin-top:-3rem ;margin-bottom:-3rem }.m-t--4{margin-top:-0.25rem }.m-t--8{margin-top:-0.5rem }.m-t--12{margin-top:-0.75rem }.m-t--16{margin-top:-1rem }.m-t--24{margin-top:-1.5rem }.m-t--32{margin-top:-2rem }.m-t--48{margin-top:-3rem }.m-r--4{margin-right:-0.25rem }.m-r--8{margin-right:-0.5rem }.m-r--12{margin-right:-0.75rem }.m-r--16{margin-right:-1rem }.m-r--24{margin-right:-1.5rem }.m-r--32{margin-right:-2rem }.m-r--48{margin-right:-3rem }.m-b--4{margin-bottom:-0.25rem }.m-b--8{margin-bottom:-0.5rem }.m-b--12{margin-bottom:-0.75rem }.m-b--16{margin-bottom:-1rem }.m-b--24{margin-bottom:-1.5rem }.m-b--32{margin-bottom:-2rem }.m-b--48{margin-bottom:-3rem }.m-l--4{margin-left:-0.25rem }.m-l--8{margin-left:-0.5rem }.m-l--12{margin-left:-0.75rem }.m-l--16{margin-left:-1rem }.m-l--24{margin-left:-1.5rem }.m-l--32{margin-left:-2rem }.m-l--48{margin-left:-3rem }.p-0{padding:0 }.p-4{padding:.25rem }.p-8{padding:.5rem }.p-12{padding:.75rem }.p-16{padding:1rem }.p-24{padding:1.5rem }.p-32{padding:2rem }.p-48{padding:3rem }.p-x-0{padding-left:0 ;padding-right:0 }.p-x-4{padding-left:.25rem ;padding-right:.25rem }.p-x-8{padding-left:.5rem ;padding-right:.5rem }.p-x-12{padding-left:.75rem ;padding-right:.75rem }.p-x-16{padding-left:1rem ;padding-right:1rem }.p-x-24{padding-left:1.5rem ;padding-right:1.5rem }.p-x-32{padding-left:2rem ;padding-right:2rem }.p-x-48{padding-left:3rem ;padding-right:3rem }.p-y-0{padding-top:0 ;padding-bottom:0 }.p-y-4{padding-top:.25rem ;padding-bottom:.25rem }.p-y-8{padding-top:.5rem ;padding-bottom:.5rem }.p-y-12{padding-top:.75rem ;padding-bottom:.75rem }.p-y-16{padding-top:1rem ;padding-bottom:1rem }.p-y-24{padding-top:1.5rem ;padding-bottom:1.5rem }.p-y-32{padding-top:2rem ;padding-bottom:2rem }.p-y-48{padding-top:3rem ;padding-bottom:3rem }.p-t-0{padding-top:0 }.p-t-4{padding-top:.25rem }.p-t-8{padding-top:.5rem }.p-t-12{padding-top:.75rem }.p-t-16{padding-top:1rem }.p-t-24{padding-top:1.5rem }.p-t-32{padding-top:2rem }.p-t-48{padding-top:3rem }.p-r-0{padding-right:0 }.p-r-4{padding-right:.25rem }.p-r-8{padding-right:.5rem }.p-r-12{padding-right:.75rem }.p-r-16{padding-right:1rem }.p-r-24{padding-right:1.5rem }.p-r-32{padding-right:2rem }.p-r-48{padding-right:3rem }.p-b-0{padding-bottom:0 }.p-b-4{padding-bottom:.25rem }.p-b-8{padding-bottom:.5rem }.p-b-12{padding-bottom:.75rem }.p-b-16{padding-bottom:1rem }.p-b-24{padding-bottom:1.5rem }.p-b-32{padding-bottom:2rem }.p-b-48{padding-bottom:3rem }.p-l-0{padding-left:0 }.p-l-4{padding-left:.25rem }.p-l-8{padding-left:.5rem }.p-l-12{padding-left:.75rem }.p-l-16{padding-left:1rem }.p-l-24{padding-left:1.5rem }.p-l-32{padding-left:2rem }.p-l-48{padding-left:3rem }.w-0{width:0 }.w-20{width:20% }.w-25{width:25% }.w-40{width:40% }.w-50{width:50% }.w-60{width:60% }.w-75{width:75% }.w-80{width:80% }.w-full{width:100% }.w-auto{width:auto }.h-0{height:0 }.h-20{height:20% }.h-25{height:25% }.h-40{height:40% }.h-50{height:50% }.h-60{height:60% }.h-75{height:75% }.h-80{height:80% }.h-full{height:100% }.h-auto{height:auto }.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none }.flex-row{flex-direction:row }.flex-row-reverse{flex-direction:row-reverse }.flex-col{flex-direction:column }.flex-col-reverse{flex-direction:column-reverse }.flex-wrap{flex-wrap:wrap }.flex-nowrap{flex-wrap:nowrap }.flex-wrap-reverse{flex-wrap:wrap-reverse }.justify-content-start{justify-content:flex-start }.justify-content-end{justify-content:flex-end }.justify-content-center{justify-content:center }.justify-content-between{justify-content:space-between }.justify-content-around{justify-content:space-around }.align-content-start{align-content:flex-start }.align-content-end{align-content:flex-end }.align-content-center{align-content:center }.align-content-between{align-content:space-between }.align-content-around{align-content:space-around }.align-content-stretch{align-content:stretch }.align-items-start{align-items:flex-start }.align-items-end{align-items:flex-end }.align-items-center{align-items:center }.align-items-baseline{align-items:baseline }.align-items-stretch{align-items:stretch }.align-self-auto{align-self:auto }.align-self-start{align-self:flex-start }.align-self-end{align-self:flex-end }.align-self-center{align-self:center }.align-self-baseline{align-self:baseline }.align-self-stretch{align-self:stretch }.d-block{display:block }.d-inline-block{display:inline-block }.d-inline{display:inline }.d-flex{display:flex }.d-inline-flex{display:inline-flex }.d-none{display:none }.static{position:static }.fixed{position:fixed }.absolute{position:absolute }.relative{position:relative }.sticky{position:sticky }
/*# sourceMappingURL=snack-helper.min.css.map */