HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-08-07 12:19:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

lint:#13 formatted

Browse Source
This commit is contained in:
Elmar Kresse
2024-06-10 10:50:27 +02:00
parent ee0894d048
commit 439850f69b
127 changed files with 15740 additions and 11990 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss
View File

@@ -1,99 +1,99 @@
@use 'sass:math';
@use "sass:math";
// core
.p-inputswitch {
display: inline-block;
display: inline-block;
}
.p-inputswitch-input {
cursor: pointer;
cursor: pointer;
}
.p-inputswitch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent;
}
.p-inputswitch-slider:before {
position: absolute;
content: '';
top: 50%;
position: absolute;
content: "";
top: 50%;
}
// theme
.p-inputswitch {
width: $inputSwitchWidth;
height: $inputSwitchHeight;
width: $inputSwitchWidth;
height: $inputSwitchHeight;
.p-inputswitch-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border-radius: $inputSwitchBorderRadius;
.p-inputswitch-input {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
z-index: 1;
outline: 0 none;
border-radius: $inputSwitchBorderRadius;
}
.p-inputswitch-slider {
background: $inputSwitchSliderOffBg;
transition: $formElementTransition;
border-radius: $inputSwitchBorderRadius;
outline-color: transparent;
&:before {
background: $inputSwitchHandleOffBg;
width: $inputSwitchHandleWidth;
height: $inputSwitchHandleHeight;
left: $inputSwitchSliderPadding;
margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
border-radius: $inputSwitchHandleBorderRadius;
transition-duration: $transitionDuration;
}
}
&.p-highlight {
.p-inputswitch-slider {
background: $inputSwitchSliderOffBg;
transition: $formElementTransition;
border-radius: $inputSwitchBorderRadius;
outline-color: transparent;
background: $inputSwitchSliderOnBg;
&:before {
background: $inputSwitchHandleOffBg;
width: $inputSwitchHandleWidth;
height: $inputSwitchHandleHeight;
left: $inputSwitchSliderPadding;
margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
border-radius: $inputSwitchHandleBorderRadius;
transition-duration: $transitionDuration;
}
&:before {
background: $inputSwitchHandleOnBg;
transform: translateX($inputSwitchHandleWidth);
}
}
}
&.p-highlight {
&:not(.p-disabled) {
&:has(.p-inputswitch-input:hover) {
.p-inputswitch-slider {
background: $inputSwitchSliderOffHoverBg;
}
&.p-highlight {
.p-inputswitch-slider {
background: $inputSwitchSliderOnBg;
&:before {
background: $inputSwitchHandleOnBg;
transform: translateX($inputSwitchHandleWidth);
}
background: $inputSwitchSliderOnHoverBg;
}
}
}
&:not(.p-disabled) {
&:has(.p-inputswitch-input:hover) {
.p-inputswitch-slider {
background: $inputSwitchSliderOffHoverBg;
}
&.p-highlight {
.p-inputswitch-slider {
background: $inputSwitchSliderOnHoverBg;
}
}
}
&:has(.p-inputswitch-input:focus-visible) {
.p-inputswitch-slider {
@include focused();
}
}
&:has(.p-inputswitch-input:focus-visible) {
.p-inputswitch-slider {
@include focused();
}
}
}
&.p-invalid > .p-inputswitch-slider {
@include invalid-input();
}
}
&.p-invalid > .p-inputswitch-slider {
@include invalid-input();
}
}