mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
e5c8c10029
- removes mode-less component classes from the internal CSS, use element instead - adds mode specific classes `md` or `ios` for styling inside of shadow components - adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling fixes #17608
24 lines
398 B
TypeScript
24 lines
398 B
TypeScript
import { Component, ComponentInterface } from '@stencil/core';
|
|
|
|
import { Mode } from '../../interface';
|
|
|
|
@Component({
|
|
tag: 'ion-buttons',
|
|
styleUrls: {
|
|
ios: 'buttons.ios.scss',
|
|
md: 'buttons.md.scss'
|
|
},
|
|
scoped: true,
|
|
})
|
|
export class Buttons implements ComponentInterface {
|
|
mode!: Mode;
|
|
|
|
hostData() {
|
|
return {
|
|
class: {
|
|
[`${this.mode}`]: true
|
|
}
|
|
};
|
|
}
|
|
}
|