Skip to content

Instantly share code, notes, and snippets.

@amacgregor
Created Mar 7, 2021
Embed
What would you like to do?
Css for phoenix_fund
/* This file is for your main application css. */
@import "../node_modules/nprogress/nprogress.css";
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "./custom.css";
@import "./phoenix.css";
@import "tailwindcss/utilities";
/* Auction */
#auction {
@apply max-w-xl mx-auto text-center;
button {
@apply bg-blue-600 mx-1 py-0 px-4 border border-cool-gray-400 border-2 rounded-lg shadow-sm transition ease-in-out duration-150 outline-none text-5xl;
}
button:hover {
@apply bg-green-300;
}
img {
@apply w-10;
}
.meter {
@apply flex h-24 overflow-hidden text-2xl bg-cool-gray-300 rounded-lg mb-8;
}
.meter > span {
@apply flex flex-col justify-center text-cool-gray-900 text-5xl text-center whitespace-nowrap bg-green-300 font-bold;
transition: width 2s ease;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment