Added CSS --btn-border-radius

This commit is contained in:
the-djmaze 2023-05-08 14:37:13 +02:00
parent 8b4674b87f
commit bf8182f19b
2 changed files with 5 additions and 4 deletions

View file

@ -84,6 +84,7 @@
--btn-clr: #333;
--btn-bg-clr: #fff;
--btn-border-clr: #fff;
--btn-border-radius: 3px;
--btn-success-bg-clr: #84AB04;
--btn-danger-bg-clr: #ee5f5b;

View file

@ -35,14 +35,14 @@
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: var(--btn-border-radius, 3px);
border-bottom-left-radius: var(--btn-border-radius, 3px);
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: var(--btn-border-radius, 3px);
border-bottom-right-radius: var(--btn-border-radius, 3px);
}
// On hover/focus/active, bring the proper btn to front