Yuika/assets/css/styles.css

62 lines
1.1 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import '../../node_modules/@damillora/shian/dist/app.css';
/*
@tailwind base;
html {
@apply font-sans;
}
.primary-tag-header {
@apply bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm transition duration-300 ease-in-out;
}
.primary-tag-header:hover {
@apply transition-all duration-300 ease-in-out underline;
}
.tag-accent-color {
@apply inline-block rounded-full align-text-bottom h-12 w-12;
}
.tag-accent-color.small {
@apply h-4 w-4;
}
.tag-accent-color.medium {
@apply h-6 w-6;
}
.author-image {
@apply inline-block rounded-full align-text-bottom h-12 w-12;
}
@screen md {
.tag-accent-color {
@apply h-16 w-16;
}
.author-image {
@apply h-16 w-16;
}
}
.author-list {
@apply flex flex-row items-center my-2 py-2;
}
.author-images {
@apply flex flex-row;
}
.author-names {
@apply flex-grow flex flex-col;
}
.author-names a:hover {
@apply underline;
}
.post-feed {
@apply grid grid-cols-1 gap-y-4 my-8;
}
@tailwind components;
@tailwind utilities;
*/