fix:#53 linted formatted frontend files

This commit is contained in:
Elmar Kresse
2024-09-07 10:09:30 +02:00
parent a9234cbb16
commit fcbe5c0c55
115 changed files with 14849 additions and 11152 deletions

View File

@@ -1,139 +1,159 @@
@mixin focused-ring($ring-color) {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0);
box-shadow:
0 0 0 2px #ffffff,
0 0 0 4px $ring-color,
0 1px 2px 0 rgba(0, 0, 0, 1);
}
@layer primevue {
.p-button-label {
font-weight: 600;
.p-button-label {
font-weight: 600;
}
.p-selectbutton > .p-button,
.p-togglebutton.p-button {
transition:
background-color $transitionDuration,
border-color $transitionDuration,
box-shadow $transitionDuration;
}
.p-accordion {
.p-accordion-header {
.p-accordion-header-link {
transition:
background-color $transitionDuration,
border-color $transitionDuration,
box-shadow $transitionDuration;
}
}
}
.p-tabview {
.p-tabview-nav {
li {
.p-tabview-nav-link {
transition:
background-color $transitionDuration,
border-color $transitionDuration,
box-shadow $transitionDuration;
}
}
}
}
.p-tabmenu {
.p-tabmenu-nav {
.p-tabmenuitem {
.p-menuitem-link {
transition:
background-color $transitionDuration,
border-color $transitionDuration,
box-shadow $transitionDuration;
}
}
}
}
.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}
.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
}
}
.p-button {
&:focus {
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
}
.p-selectbutton > .p-button,
.p-togglebutton.p-button {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
.p-accordion {
.p-accordion-header {
.p-accordion-header-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
}
}
.p-tabview {
.p-tabview-nav {
li {
.p-tabview-nav-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
}
}
&.p-button-secondary:enabled:focus {
@include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
}
.p-tabmenu {
.p-tabmenu-nav {
.p-tabmenuitem {
.p-menuitem-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
}
}
}
.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}
.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
}
}
.p-button {
&:focus {
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
}
&.p-button-secondary:enabled:focus {
@include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
}
&.p-button-success:enabled:focus {
@include focused-ring($successButtonBg);
}
&.p-button-info:enabled:focus {
@include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
}
&.p-button-warning:enabled:focus {
@include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
}
&.p-button-help:enabled:focus {
@include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
}
&.p-button-danger:enabled:focus {
@include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
}
}
.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}
&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
}
}
}
}
.p-speeddial-item {
&.p-focus > .p-speeddial-action {
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
}
&.p-button-success:enabled:focus {
@include focused-ring($successButtonBg);
}
.p-toast-message {
backdrop-filter: blur(10px);
&.p-button-info:enabled:focus {
@include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
}
.p-inline-message-text {
font-weight: 500;
&.p-button-warning:enabled:focus {
@include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
}
.p-picklist-buttons .p-button,
.p-orderlist-controls .p-button {
transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
&.p-button-help:enabled:focus {
@include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
}
.p-steps {
.p-steps-item {
&.p-highlight {
.p-steps-number {
background: $primaryColor;
color: $primaryTextColor;
}
}
&.p-button-danger:enabled:focus {
@include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
}
}
.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}
}
.p-stepper {
.p-stepper-header {
&.p-highlight {
.p-stepper-number {
background: $primaryColor;
color: $primaryTextColor;
}
}
&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
}
}
}
}
}
.p-speeddial-item {
&.p-focus > .p-speeddial-action {
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
}
}
.p-toast-message {
backdrop-filter: blur(10px);
}
.p-inline-message-text {
font-weight: 500;
}
.p-picklist-buttons .p-button,
.p-orderlist-controls .p-button {
transition:
opacity $transitionDuration,
background-color $transitionDuration,
color $transitionDuration,
border-color $transitionDuration,
box-shadow $transitionDuration;
}
.p-steps {
.p-steps-item {
&.p-highlight {
.p-steps-number {
background: $primaryColor;
color: $primaryTextColor;
}
}
}
}
.p-stepper {
.p-stepper-header {
&.p-highlight {
.p-stepper-number {
background: $primaryColor;
color: $primaryTextColor;
}
}
}
}
}