mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 23:16:52 +08:00
43 lines
1.1 KiB
SCSS
43 lines
1.1 KiB
SCSS
.button {
|
|
color: $buttonColor;
|
|
border-radius: $buttonBorderRadius;
|
|
border-width: $buttonBorderWidth;
|
|
border-style: solid;
|
|
padding: $buttonPadding;
|
|
}
|
|
|
|
a.button {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button-default {
|
|
@include button-style($buttonDefaultBackground, $buttonDefaultBorder, $darkColor);
|
|
}
|
|
.button-secondary {
|
|
@include button-style($buttonSecondaryBackground, $buttonSecondaryBorder, $darkColor);
|
|
}
|
|
.button-primary {
|
|
@include button-style($buttonPrimaryBackground, $buttonPrimaryBorder, $lightColor);
|
|
}
|
|
.button-info {
|
|
@include button-style($buttonInfoBackground, $buttonInfoBorder, $lightColor);
|
|
}
|
|
.button-success {
|
|
@include button-style($buttonSuccessBackground, $buttonSuccessBorder, $lightColor);
|
|
}
|
|
.button-warning {
|
|
@include button-style($buttonWarningBackground, $buttonWarningBorder, $lightColor);
|
|
}
|
|
.button-danger {
|
|
@include button-style($buttonDangerBackground, $buttonDangerBorder, $lightColor);
|
|
}
|
|
.button-dark {
|
|
@include button-style($buttonDarkBackground, $buttonDarkBorder, $lightColor);
|
|
}
|
|
.button-transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
.button-borderless [class^="icon-"] {
|
|
font-size: 24px;
|
|
} |