javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(buttons): button-native without prefix

Browse Source 
Now we don't need prefix because of shadow-dom
This commit is contained in:
Manu Mtz.-Almeida
2018-09-25 19:41:26 +02:00
parent 9d6169acdd
commit 97946eed20
14 changed files with 31 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/chip-button/chip-button.scss
View File

@ -39,17 +39,17 @@
--color: #{ion-color(primary, contrast)};
}
:host(.chip-button-solid.ion-color) .chip-button-native {
:host(.chip-button-solid.ion-color) .button-native {
background: current-color(base);
color: current-color(contrast);
}
:host(.chip-button-clear.ion-color) .chip-button-native {
:host(.chip-button-clear.ion-color) .button-native {
background: transparent;
color: current-color(base);
}
.chip-button-native {
.button-native {
@include text-inherit();
@include border-radius(var(--border-radius));
@include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
@ -68,7 +68,7 @@
appearance: none;
}
.chip-button-inner {
.button-inner {
display: flex;
flex-flow: row nowrap;

4
core/src/components/chip-button/chip-button.tsx
View File

@ -56,11 +56,11 @@ export class ChipButton implements ComponentInterface {
return (
<TagType
type="button"
class="chip-button-native"
class="button-native"
disabled={this.disabled}
href={this.href}
>
<span class="chip-button-inner">
<span class="button-inner">
<slot></slot>
</span>
{this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}