MOBILE-4362 bootstrap: Support basic button colors

main
Pau Ferrer Ocaña 2023-10-19 12:12:42 +02:00
parent 1f7d0277a9
commit aa96fc45ea
1 changed files with 23 additions and 4 deletions

View File

@ -113,10 +113,6 @@ core-format-text {
padding: 10px 0; padding: 10px 0;
} }
.btn-link {
background: none;
}
} }
@keyframes loading { @keyframes loading {
@ -679,6 +675,29 @@ core-rich-text-editor .core-rte-editor {
background-color: var(--#{$color-name}); background-color: var(--#{$color-name});
} }
} }
.btn-link {
background: none;
}
button, .btn {
margin: 4px 8px;
padding-left: 12px;
padding-right: 12px;
border-radius: var(--core-input-radius);
a {
color: inherit;
}
}
@each $color-name, $unused in $colors {
.btn.btn-#{$color-name} {
--color-base: var(--#{$color-name});
color: var(--#{$color-name}-shade);
border-color: var(--color-base);
background-color: var(--#{$color-name}-tint);
}
}
} }
// h1 is too big and ugly, reduce size when loading. // h1 is too big and ugly, reduce size when loading.