mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
0ba0343f11
Added a new segmented button bar that stretches, also set the default styles for header buttons.
50 lines
1.3 KiB
SCSS
50 lines
1.3 KiB
SCSS
.button {
|
|
color: $buttonColor;
|
|
border-radius: $buttonBorderRadius;
|
|
border-width: $buttonBorderWidth;
|
|
border-style: solid;
|
|
padding: $buttonPadding;
|
|
|
|
&.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-clear {
|
|
background: none;
|
|
border: none;
|
|
padding: $buttonClearPadding;
|
|
}
|
|
}
|
|
|
|
a.button {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button-transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
.button-borderless [class^="icon-"] {
|
|
font-size: 24px;
|
|
}
|