js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix closable styles

Browse Source
This commit is contained in:
Cory LaViska
2020-11-02 09:06:27 -05:00
parent 79f86792ce
commit 73dddc42db
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/tab/tab.scss
View File

@@ -17,7 +17,7 @@
font-weight: var(--sl-font-weight-semibold);
border-radius: 4px;
color: var(--sl-color-gray-40);
padding: 16px 20px;
padding: var(--sl-spacing-medium) var(--sl-spacing-large);
white-space: nowrap;
user-select: none;
cursor: pointer;
@@ -40,6 +40,10 @@
color: var(--sl-color-primary-50);
}
&.tab--closable {
padding-right: var(--sl-spacing-small);
}
&.tab--disabled {
opacity: 0.5;
cursor: not-allowed;
@@ -49,7 +53,6 @@
.tab__close-button {
font-size: var(--sl-font-size-large);
margin-left: var(--sl-spacing-xx-small);
margin-right: calc(-1 * var(--sl-spacing-xx-small));
&::part(base) {
padding: var(--sl-spacing-xxx-small);