mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Add --tabs-border-color to tab-group

pull/186/head
Cory LaViska 2020-08-16 11:25:23 -04:00
rodzic 229fa437e0
commit d658aa5fed
1 zmienionych plików z 9 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

13
src/components/tab-group/tab-group.scss
Wyświetl plik

@ -1,7 +1,12 @@
@import 'component';
@import 'mixins/hide-scrollbar';
/**
* @prop --tabs-border-color: The color of the border that separates tabs.
*/
:host {
--tabs-border-color: var(--sl-color-gray-90);
display: block;
}
@ -67,7 +72,7 @@
flex: 1 1 auto;
position: relative;
flex-direction: row;
border-bottom: solid 2px var(--sl-color-gray-90);
border-bottom: solid 2px var(--tabs-border-color);
}
.tab-group__active-tab-indicator {
@ -98,7 +103,7 @@
flex: 1 1 auto;
position: relative;
flex-direction: row;
border-top: solid 2px var(--sl-color-gray-90);
border-top: solid 2px var(--tabs-border-color);
}
.tab-group__active-tab-indicator {
@ -125,7 +130,7 @@
.tab-group__tabs {
flex: 0 0 auto;
flex-direction: column;
border-right: solid 2px var(--sl-color-gray-90);
border-right: solid 2px var(--tabs-border-color);
}
.tab-group__active-tab-indicator {
@ -153,7 +158,7 @@
.tab-group__tabs {
flex: 0 0 auto;
flex-direction: column;
border-left: solid 2px var(--sl-color-gray-90);
border-left: solid 2px var(--tabs-border-color);
}
.tab-group__active-tab-indicator {