mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
refactor(button): changed border from short-hand syntax to make it easier to override
references #689
This commit is contained in:
@ -115,7 +115,9 @@ $button-ios-small-icon-font-size: 1.3em !default;
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.button-outline {
|
.button-outline {
|
||||||
border: 1px solid $button-ios-color;
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: $button-ios-color;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: $button-ios-color;
|
color: $button-ios-color;
|
||||||
|
|
||||||
|
@ -41,11 +41,7 @@ $button-md-small-icon-font-size: 1.4em !default;
|
|||||||
.button {
|
.button {
|
||||||
margin: $button-md-margin;
|
margin: $button-md-margin;
|
||||||
padding: $button-md-padding;
|
padding: $button-md-padding;
|
||||||
|
|
||||||
min-height: $button-md-height;
|
min-height: $button-md-height;
|
||||||
font-size: $button-md-font-size;
|
|
||||||
|
|
||||||
border: 0;
|
|
||||||
border-radius: $button-md-border-radius;
|
border-radius: $button-md-border-radius;
|
||||||
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -129,7 +125,9 @@ $button-md-small-icon-font-size: 1.4em !default;
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.button-outline {
|
.button-outline {
|
||||||
border: 1px solid $button-md-color;
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: $button-md-color;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: $button-md-color;
|
color: $button-md-color;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
Reference in New Issue
Block a user