mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-22 01:22:54 +00:00
feat: add stylelint
This commit is contained in:
@@ -14,6 +14,34 @@
|
||||
*/
|
||||
|
||||
app-root {
|
||||
.button {
|
||||
--padding-top: var(--spacing-sm);
|
||||
--padding-bottom: var(--spacing-sm);
|
||||
|
||||
height: auto;
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-semi-bold);
|
||||
|
||||
// Add default border, so buttons have the same size
|
||||
&:not([fill='outline'])::part(native) {
|
||||
border: var(--border-width-default) solid transparent;
|
||||
}
|
||||
|
||||
&[fill='outline']::part(native) {
|
||||
border: var(--border-width-default) solid rgb(var(--ion-color-primary-contrast-rgb) 0.2);
|
||||
}
|
||||
|
||||
&.button-active {
|
||||
--background: var(--ion-color-tertiary);
|
||||
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
ion-icon {
|
||||
color: var(--ion-color-secondary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Change default border radius
|
||||
ion-buttons ion-button.button,
|
||||
.button {
|
||||
@@ -22,32 +50,6 @@ app-root {
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-semi-bold);
|
||||
--padding-top: var(--spacing-sm);
|
||||
--padding-bottom: var(--spacing-sm);
|
||||
height: auto;
|
||||
|
||||
// Add default border, so buttons have the same size
|
||||
&:not([fill='outline'])::part(native) {
|
||||
border: var(--border-width-default) solid transparent;
|
||||
}
|
||||
|
||||
&[fill='outline']::part(native) {
|
||||
border: var(--border-width-default) solid rgba(var(--ion-color-primary-contrast-rgb), 0.2);
|
||||
}
|
||||
|
||||
&.button-active {
|
||||
font-weight: var(--font-weight-bold);
|
||||
--background: var(--ion-color-tertiary);
|
||||
|
||||
ion-icon {
|
||||
color: var(--ion-color-secondary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ion-menu-button.button {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user