Skip to content

Instantly share code, notes, and snippets.

@crutchcorn

crutchcorn/tabs-border-roundness.css

Created November 25, 2022 13:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save crutchcorn/0cee17b488874143f764587f739a64c7 to your computer and use it in GitHub Desktop.
Save crutchcorn/0cee17b488874143f764587f739a64c7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tabs-border-roundness.css
ul.tabs__tab-list:has(> .tabs__tab:first-child:not([aria-selected="true"]))
~ .tabs__tab-panel {
border-radius: var(--code-block-corner-radius_inner);
}
ul.tabs__tab-list:has(> .tabs__tab:first-child[aria-selected="true"])
~ .tabs__tab-panel {
border-radius: 0 var(--code-block-corner-radius_inner)
var(--code-block-corner-radius_inner);
}
@media screen and (max-width: 600px) {
ul.tabs__tab-list:has(> .tabs__tab:last-child[aria-selected="true"])
~ .tabs__tab-panel {
border-radius: var(--code-block-corner-radius_inner) 0
var(--code-block-corner-radius_inner);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment