芝麻web文件管理V1.00
编辑当前文件:/home/royashxg/bit-alphas-ltd.com/assets/admin/scss/_buttons.scss
.btn-circle { border-radius: 100%; height: 2.5rem; width: 2.5rem; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; &.btn-sm { height: 1.8rem; width: 1.8rem; font-size: 0.75rem; } &.btn-lg { height: 3.5rem; width: 3.5rem; font-size: 1.35rem; } } .btn-icon-split { padding: 0; overflow: hidden; display: inline-flex; align-items: stretch; justify-content: center; .icon { background: fade-out($black, .85); display: inline-block; padding: $btn-padding-y $btn-padding-x; } .text { display: inline-block; padding: $btn-padding-y $btn-padding-x; } &.btn-sm { .icon { padding: $btn-padding-y-sm $btn-padding-x-sm; } .text { padding: $btn-padding-y-sm $btn-padding-x-sm; } } &.btn-lg { .icon { padding: $btn-padding-y-lg $btn-padding-x-lg; } .text { padding: $btn-padding-y-lg $btn-padding-x-lg; } } }