theme-elegance/_dev/elegance.css

81 lines
1.0 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
body {
@apply bg-white;
@apply text-gray-600;
@apply font-light;
}
a {
@apply text-gray-600;
}
a:hover {
@apply text-blue-900;
@apply underline;
@apply underline-offset-2;
}
.ti, .icon-tabler {
stroke-width: 1px;
fill: none;
@apply text-gray-500;
@apply stroke-gray-500;
}
a:hover .ti, a:hover .icon-tabler {
@apply stroke-blue-900;
}
ul {
@apply !list-inside;
}
input[type="radio"],input[type="checkbox"] {
@apply focus:ring-transparent;
}
.article{
width:100%;
}
.image{
&.right{
float:right;
margin-left:30px;
}
&.left{
float:left;
margin-right:30px;
}
}
.content{
color:#444;
.headline{
}
}
.group{
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
@media (max-width: 1024px) {
.hide-on-small {
display: none;
}
}
@media (max-width: 480px) {
.xxs {
font-size: xx-small;
}
}