blog-source/themes/next/source/css/_common/scaffolding/buttons.styl
2022-03-15 20:46:31 +08:00

29 lines
616 B
Stylus

.btn {
background: var(--btn-default-bg);
border: 2px solid var(--btn-default-border-color);
border-radius: $btn-default-radius;
color: var(--btn-default-color);
display: inline-block;
font-size: $font-size-small;
line-height: 2;
padding: 0 20px;
text-decoration: none;
transition-property: background-color;
the-transition();
&:hover {
background: var(--btn-default-hover-bg);
border-color: var(--btn-default-hover-border-color);
color: var(--btn-default-hover-color);
}
+ .btn {
margin: 0 0 8px 8px;
}
.fa-fw {
text-align: left;
width: (18em / 14);
}
}