beninca.link/site.marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

subtabs test

Browse source
This commit is contained in:
Marc Beninca 2023-06-30 18:00:14 +02:00
parent 5a51675c12
commit 5d4dcf42eb
2 changed files with 107 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

33
test.css Normal file
View file

@ -0,0 +1,33 @@
.tabs {
display: flex;
flex-wrap: wrap;
}
.tabs > input {
display: none;
}
.tabs > input:checked + label + div {
display: block;
}
.tabs > label {
order: 1;
}
.tabs > div {
display: none;
flex-basis: 100%;
order: 2;
}
/**/
.tabs {
border: 1px solid;
}
.tabs > input:checked + label {
background-color: gray;
}
.tabs > label {
padding: 10px;
}
.tabs > div {
padding: 10px;
}