deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-27 19:12:41 +02:00
Code Issues Projects Releases Wiki Activity

update input and label selector

Browse source
This commit is contained in:
Olivier Crété 2023-05-30 15:41:47 +02:00
parent 7d51891e0c
commit 9035e9aaff
3 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
dist/paper.css vendored
View file

@ -3000,10 +3000,10 @@ fieldset.form-group {
flex-basis: 100%; flex-basis: 100%;
padding: 0.75rem 0 0; padding: 0.75rem 0 0;
} }
.tabs input { .tabs input[id^=tab] {
display: none; display: none;
} }
.tabs input:checked + label { .tabs input[id^=tab]:checked + label {
color: #41403e; color: #41403e;
color: var(--primary); color: var(--primary);
border-bottom-color: #41403e; border-bottom-color: #41403e;
@ -3011,22 +3011,22 @@ fieldset.form-group {
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 3px; border-bottom-width: 3px;
} }
.tabs input[id$=tab1]:checked ~ div[id$=content1] { .tabs input[id^=tab][id$=tab1]:checked ~ div[id$=content1] {
display: block; display: block;
} }
.tabs input[id$=tab2]:checked ~ div[id$=content2] { .tabs input[id^=tab][id$=tab2]:checked ~ div[id$=content2] {
display: block; display: block;
} }
.tabs input[id$=tab3]:checked ~ div[id$=content3] { .tabs input[id^=tab][id$=tab3]:checked ~ div[id$=content3] {
display: block; display: block;
} }
.tabs input[id$=tab4]:checked ~ div[id$=content4] { .tabs input[id^=tab][id$=tab4]:checked ~ div[id$=content4] {
display: block; display: block;
} }
.tabs input[id$=tab5]:checked ~ div[id$=content5] { .tabs input[id^=tab][id$=tab5]:checked ~ div[id$=content5] {
display: block; display: block;
} }
.tabs label { .tabs label[for^=tab] {
color: #41403e; color: #41403e;
color: var(--primary-light); color: var(--primary-light);
display: inline-block; display: inline-block;
@ -3035,7 +3035,7 @@ fieldset.form-group {
padding: 0.75rem; padding: 0.75rem;
text-align: center; text-align: center;
} }
.tabs label:hover { .tabs label[for^=tab]:hover {
color: #41403e; color: #41403e;
color: var(--muted); color: var(--muted);
cursor: pointer; cursor: pointer;

2
dist/paper.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
src/components/_tabs.scss
View file

@ -5,7 +5,7 @@
padding: 0.75rem 0 0; padding: 0.75rem 0 0;
} }
input { input[id^='tab'] {
display: none; display: none;
&:checked + label { &:checked + label {
@ -22,7 +22,7 @@
} }
} }
label { label[for^='tab'] {
@include color('color', primary-light); @include color('color', primary-light);
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;