HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2025-08-11 14:13:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#47 updated primevue theme for sass

Browse Source
This commit is contained in:
Elmar Kresse
2024-03-30 14:43:21 +01:00
parent d58b633159
commit d93287d732
104 changed files with 14548 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss Normal file
View File

@@ -0,0 +1,107 @@
// core
.p-fluid .p-inputtext {
width: 100%;
}
// theme
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: $inputTextFontSize;
color: $inputTextColor;
background: $inputBg;
padding: $inputPadding;
border: $inputBorder;
transition: $formElementTransition;
appearance: none;
border-radius: $borderRadius;
outline-color: transparent;
&:enabled:hover {
border-color: $inputHoverBorderColor;
}
&:enabled:focus {
@include focused-input();
}
&.p-invalid.p-component {
@include invalid-input();
}
&.p-variant-filled {
background-color: $inputFilledBg;
&:enabled:hover {
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
background-color: $inputFilledFocusBg;
}
}
&.p-inputtext-sm {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
&.p-inputtext-lg {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
}
.p-float-label > label {
left: nth($inputPadding, 2);
color: $inputPlaceholderTextColor;
transition-duration: $transitionDuration;
}
.p-float-label > .p-invalid + label {
color: $inputErrorBorderColor;
}
.p-icon-field-left > .p-inputtext {
padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
.p-icon-field-left.p-float-label > label {
left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
.p-icon-field-right > .p-inputtext {
padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
@include placeholder {
color: $inputPlaceholderTextColor;
}
.p-input-filled {
.p-inputtext {
background-color: $inputFilledBg;
&:enabled:hover {
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
background-color: $inputFilledFocusBg;
}
}
}
.p-inputtext-sm {
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
}
.p-inputtext-lg {
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
}