codn/dist/style/green.css

Sustainable and lightweight react components based on the greenCSS style guide. SSR ready.

@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*,*::before,*::after{box-sizing:border-box}*{margin:0}input{font:inherit}input:focus{outline:none}input::-moz-focus-inner,::-moz-focus-inner{border:0}::-moz-focus-inner{border:0}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.hover\:bg-black:hover{background-color:#101010}.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.hover\:text-white:hover{color:#fdfdfd}.bg-white{background-color:#fdfdfd}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.text-blue-9{color:#dbeafe}.focus\:text-blue-9:focus{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.bg-white{background-color:#fdfdfd}.bg-white{background-color:#fdfdfd}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes fadeIn{0%{opacity:0}45%{opacity:.33}100%{opacity:1}}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes fadeInRight{0%{-webkit-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0);opacity:0}45%{opacity:.33}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0);opacity:0}45%{opacity:.33}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.fade-out-left{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes fadeOutLeft{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}45%{opacity:.33}100%{-webkit-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0);opacity:0}}.fade-out-right{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes fadeOutRight{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}45%{opacity:.33}100%{-webkit-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0);opacity:0}}.font-bold{font-weight:bold}.text-left{text-align:left}.text-center{text-align:center}.text-12px{font-size:12px}.text-15px{font-size:15px}.text-20px{font-size:20px}.text-25px{font-size:25px}.font-400{font-weight:400}.font-600{font-weight:600}.block{display:block}.flex{display:flex}.flex-1{flex:1}.justify-center{justify-content:center}.items-center{align-items:center}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.hover\:bg-black:hover{background-color:#101010}.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.hover\:text-white:hover{color:#fdfdfd}.bg-white{background-color:#fdfdfd}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.text-blue{color:#066ef9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.bg-red{background-color:#f90606}.bg-orange{background-color:#f99106}.bg-greencss{background-color:#3e7a02}.bg-blue{background-color:#066ef9}.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.text-blue-9{color:#dbeafe}.focus\:text-blue-9:focus{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.bg-red-8{background-color:#fec3c3}.bg-orange-8{background-color:#fee5c3}.bg-green-8{background-color:#e1fec3}.bg-blue-8{background-color:#c3dcfe}.bg-white{background-color:#fdfdfd}.bg-white{background-color:#fdfdfd}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.collapse{visibility:collapse}.top-0per{top:0%}.top-2per{top:2%}.top-50per{top:50%}.right-0per{right:0%}.right-2per{right:2%}.bottom-0per{bottom:0%}.left-0per{left:0%}.left-50per{left:50%}.z-97{z-index:97}.z-98{z-index:98}.z-99{z-index:99}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.w-35rem{width:35rem}.w-100per{width:100%}.w-50vw{width:50vw}.max-w-90per{max-width:90%}.min-w-10px{min-width:10px}.min-w-25px{min-width:25px}.min-w-30px{min-width:30px}.min-w-50px{min-width:50px}.min-w-50rem{min-width:50rem}.h-5px{height:5px}.h-50px{height:50px}.h-100per{height:100%}.max-h-50vh{max-height:50vh}.min-h-25px{min-height:25px}.min-h-75px{min-height:75px}.p-10px{padding:10px}.p-15px{padding:15px}.p-20px{padding:20px}.pb-0px{padding-bottom:0px}.pb-10px{padding-bottom:10px}.pl-10px{padding-left:10px}.px-10px{padding-inline:10px}.px-25px{padding-inline:25px}.py-10px{padding-block:10px}.py-20px{padding-block:20px}.m-10px{margin:10px}.m-20px{margin:20px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mb-0px{margin-bottom:0px}.mb-10px{margin-bottom:10px}.mb-20px{margin-bottom:20px}.my-10px{margin-block:10px}.ease{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}.animation-forwards{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}.transition-all{transition-property:all}.animation-duration-300ms{animation-duration:300ms;-webkit-animation-duration:300ms}.animation-duration-500ms{animation-duration:500ms;-webkit-animation-duration:500ms}.transition-duration-100ms{transition-duration:100ms;-webkit-transition-duration:100ms}.transition-duration-200ms{transition-duration:200ms;-webkit-transition-duration:200ms}.transition-duration-300ms{transition-duration:300ms;-webkit-transition-duration:300ms}.shadow-small-black-2{box-shadow:5px 5px 10px -1px #282828;-webkit-box-shadow:5px 5px 10px -1px #282828;-moz-box-shadow:5px 5px 10px -1px #282828;-ms-box-shadow:5px 5px 10px -1px #282828}.shadow-small-gray{box-shadow:5px 5px 10px -1px #7d7d7d;-webkit-box-shadow:5px 5px 10px -1px #7d7d7d;-moz-box-shadow:5px 5px 10px -1px #7d7d7d;-ms-box-shadow:5px 5px 10px -1px #7d7d7d}.shadow-small-gray-5{box-shadow:5px 5px 10px -1px #bababa;-webkit-box-shadow:5px 5px 10px -1px #bababa;-moz-box-shadow:5px 5px 10px -1px #bababa;-ms-box-shadow:5px 5px 10px -1px #bababa}.shadow-small-gray-9{box-shadow:5px 5px 10px -1px #eaeaea;-webkit-box-shadow:5px 5px 10px -1px #eaeaea;-moz-box-shadow:5px 5px 10px -1px #eaeaea;-ms-box-shadow:5px 5px 10px -1px #eaeaea}.opacity-100per{opacity:100%}.rotate-90deg{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.translate-0per{transform:translate(0%);-webkit-transform:translate(0%)}.backdrop-blur-30px{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.border-solid{border-style:solid}.focus\:border-solid:focus{border-style:solid}.border-none{border-style:none}.focus\:outline-solid:focus{outline-style:solid}.border-blue-9{border-color:#dbeafe}.border-black{border-color:#101010}.border-gray-10{border-color:#f6f6f6}.rounded-5px{border-radius:5px}.rounded-10px{border-radius:10px}.rounded-20px{border-radius:20px}.rounded-50per{border-radius:50%}.rounded-left-radius-5px{border-top-left-radius:5px;border-bottom-left-radius:5px}.border-1px{border-width:1px}.focus\:border-1px:focus{border-width:1px}.focus\:outline-1px:focus{outline-width:1px}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.fill-black{fill:#101010}.fill-gray{fill:#7d7d7d}.stroke-white{stroke:#fdfdfd}.stroke-blue{stroke:#066ef9}.stroke-black{stroke:#101010}@media(max-width: 480px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:min-w-90vw{min-width:90vw}}@media(min-width: 481px)and (max-width: 768px){.md\:w-auto{width:auto}.md\:min-w-90vw{min-width:90vw}}