theme-elegance/_dev/elegance.css

76 lines
973 B
CSS
Executable File

@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%;
padding:12px;
}
.image{
background:silver;
width:400px;
height:300px;
color:#efefef;
font-size:8rem;
&.right{
float:right;
margin-left:30px;
}
&.left{
float:left;
margin-right:30px;
}
}
.content{
padding: 0 20px;
margin-top: 8%;
color:#444;
.headline{
}
}
.group{
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}