🎨 PeriodSwitch carré
parent
8e312ef4b6
commit
688a94fcfd
|
@ -6,7 +6,7 @@
|
|||
}
|
||||
#PeriodSwitch .base {
|
||||
background: var(--colour);
|
||||
border-radius: 1em;
|
||||
border-radius: 0.3em;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
|
@ -21,18 +21,18 @@
|
|||
|
||||
#PeriodSwitch .radioText {
|
||||
cursor: pointer;
|
||||
border-radius: 1em;
|
||||
border-radius: 0.3em;
|
||||
padding: 0 0.6em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#PeriodSwitch .radioText:hover {
|
||||
border-bottom: 1px solid white;
|
||||
border-radius: 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#PeriodSwitch input[type='radio']:checked + .radioText {
|
||||
background: white;
|
||||
border: 4px solid white;
|
||||
color: var(--colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue