Kamran Ahmed
ad3f28a8c4
* Add empty projects listing and cards * Projects page header * Projects listing and filtering * Add project detail page * Add a task tracker CLI project * UI changes * Add projects for expense and task tracker * Add new projects * Add blogging platform API project * Project page UI changes * Add todo list api project * Add todo list api project * Add a project idea for weather service * Add expense tracker API project * Add more details to expense tracker * Add markdown note taking app idea * Add URL shortener service project * Add broadcast server project * Add ecommerce project idea * Add project on other roadmaps * Add workout tracker project * Add image processing project idea * Add movie reservation system ap * Add movie reservation system project * Add realtime leader board system project * Add details for a database backup utility * Add project contribution docs * Fix UI of the discover page
117 lines
2.1 KiB
CSS
117 lines
2.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer components {
|
|
.container {
|
|
@apply mx-auto !max-w-[830px] px-4;
|
|
}
|
|
|
|
.container-lg {
|
|
@apply mx-auto !max-w-[968px] px-4;
|
|
}
|
|
|
|
.badge {
|
|
@apply rounded-sm bg-gray-400 px-1.5 py-0.5 text-xs font-medium uppercase text-white;
|
|
}
|
|
|
|
/* Chrome, Safari and Opera */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
}
|
|
|
|
svg {
|
|
user-select: none;
|
|
}
|
|
|
|
blockquote p:before {
|
|
display: none;
|
|
}
|
|
|
|
.prose ul li > code,
|
|
.prose ol li > code,
|
|
p code,
|
|
a > code,
|
|
strong > code,
|
|
em > code,
|
|
h1 > code,
|
|
h2 > code,
|
|
h3 > code {
|
|
background: #ebebeb !important;
|
|
color: currentColor !important;
|
|
font-size: 14px;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.prose ul li > code:before,
|
|
p > code:before,
|
|
.prose ul li > code:after,
|
|
p > code:after,
|
|
a > code:after,
|
|
a > code:before {
|
|
content: '' !important;
|
|
}
|
|
|
|
.sponsor-footer {
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 9px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
padding: 3px 10px;
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
transparent,
|
|
transparent 5px,
|
|
hsla(0, 0%, 0%, 0.025) 5px,
|
|
hsla(0, 0%, 0%, 0.025) 10px
|
|
)
|
|
hsla(203, 11%, 95%, 0.4);
|
|
}
|
|
.striped-bg {
|
|
background-image: repeating-linear-gradient(
|
|
-45deg,
|
|
transparent,
|
|
transparent 5px,
|
|
hsla(0, 0%, 0%, 0.025) 5px,
|
|
hsla(0, 0%, 0%, 0.025) 10px
|
|
);
|
|
background-size: 200% 200%;
|
|
}
|
|
|
|
.striped-loader {
|
|
background-image: repeating-linear-gradient(
|
|
-45deg,
|
|
transparent,
|
|
transparent 5px,
|
|
hsla(0, 0%, 0%, 0.025) 5px,
|
|
hsla(0, 0%, 0%, 0.025) 10px
|
|
);
|
|
background-size: 200% 200%;
|
|
animation: barberpole 15s linear infinite;
|
|
}
|
|
|
|
.striped-loader-darker {
|
|
background-image: repeating-linear-gradient(
|
|
-45deg,
|
|
transparent,
|
|
transparent 5px,
|
|
hsla(0, 0%, 0%, 0.2) 5px,
|
|
hsla(0, 0%, 0%, 0.2) 10px
|
|
);
|
|
background-size: 200% 200%;
|
|
animation: barberpole 15s linear infinite;
|
|
}
|
|
|
|
@keyframes barberpole {
|
|
100% {
|
|
background-position: 100% 100%;
|
|
}
|
|
}
|