mirror of
https://github.com/creativetimofficial/muse-vue-ant-design-dashboard.git
synced 2025-08-17 03:50:36 +08:00
117 lines
2.6 KiB
SCSS
117 lines
2.6 KiB
SCSS
// _button.scss
|
|
//
|
|
// Template's button styles.
|
|
//
|
|
|
|
.ant-btn svg {
|
|
margin-right: 5px;
|
|
}
|
|
.ant-btn.ant-btn-icon-only svg {
|
|
margin-right: 0;
|
|
}
|
|
.ant-btn > .anticon + span {
|
|
margin-left: 0;
|
|
}
|
|
.ant-btn > span + .anticon {
|
|
margin-left: 5px;
|
|
}
|
|
.ant-btn > svg {
|
|
vertical-align: middle;
|
|
}
|
|
.ant-btn > svg + span {
|
|
vertical-align: middle;
|
|
}
|
|
.ant-btn-icon-only.ant-btn-lg:not(.ant-btn-round),
|
|
.ant-btn-icon-only.ant-btn:not(.ant-btn-round),
|
|
.ant-btn-icon-only.ant-btn-sm:not(.ant-btn-round) {
|
|
padding: 0;
|
|
}
|
|
|
|
.ant-btn-circle, .ant-btn-circle-outline {
|
|
border-radius: 50%;
|
|
}
|
|
.ant-btn.fab {
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: $color-white;
|
|
position: fixed;
|
|
bottom: 30px;
|
|
right: 30px;
|
|
box-shadow: $shadow-3;
|
|
|
|
svg {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.ant-btn.fab {
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: $color-white;
|
|
position: fixed;
|
|
bottom: 30px;
|
|
right: 30px;
|
|
box-shadow: $shadow-3;
|
|
|
|
svg {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.layout-dashboard-rtl {
|
|
.ant-btn-group .ant-btn {
|
|
border-radius: 0;
|
|
}
|
|
.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
|
|
border-radius: 0;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
|
|
border-radius: 0;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group {
|
|
margin-right: -1px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ant-radio-button-wrapper {
|
|
border-left: 1px solid $color-gray-5;
|
|
border-right-width: 0;
|
|
}
|
|
.ant-radio-button-wrapper:first-child {
|
|
border-right-width: 1px;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.ant-radio-button-wrapper:last-child {
|
|
border-radius: 4px 0 0 4px;
|
|
border-left: 1px solid $color-gray-5;
|
|
}
|
|
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
color: $color-gray-1;
|
|
border-color: $color-primary;
|
|
}
|
|
.ant-radio-group-outline .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
color: $color-primary;
|
|
border-color: $color-primary;
|
|
}
|
|
.ant-radio-button-wrapper:not(:first-child)::before {
|
|
left: auto;
|
|
right: -1px;
|
|
}
|
|
.ant-btn svg {
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ant-btn.fab {
|
|
left: 30px;
|
|
right: auto;
|
|
|
|
svg {
|
|
margin: 0;
|
|
}
|
|
}
|
|
} |