Hallo Community,
habe jetzt schon seit mehreren Stunden diese Less-Datei angesehen und finde den Fehler nicht, Semikolons und Klammern sollten stimmen, aber Shopware reagiert immer mit dieser Fehlermeldung bei der Template Kompilierung:
Während der Bearbeitung von Shop "Shopware Shop" ist ein Fehler aufgetreten: in navigation.less on line 1, column 0 1| .sModalBox-navigate { 2| left: 0; 3| right: 0; 4| top: 0; 5| bottom: 0; 6| position: fixed;
Hier die navigation.less Datei:
.sModalBox-navigate {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
pointer-events: none;
> button {
position: fixed;
bottom: 0;
top: 0;
border: 0;
height: 100%;
width: 84px;
background-size: 100% !important;
cursor: pointer;
padding: 0;
opacity: 0.2;
transition: opacity 0.3s ease;
pointer-events: all;
margin: 0;
outline: none;
&:hover {
opacity: 1;
}
.sModalBox-navigate-prev {
left: 50%;
background: url('data:image/png;base64') no-repeat 50% 50%;
}
.sModalBox-navigate-next {
right: 50%;
background: url('data:image/png;base64') no-repeat 50% 50%;
}
}
}
.sModalBox-navigate-caption {
position: absolute;
left: 10px;
top: 10px;
color: white;
line-height: 16px;
font-size: 9px;
letter-spacing: 0.1em;
text-indent: 0;
text-align: center;
width: 70px;
padding: 5px 0;
text-transform: uppercase;
display: none;
&::before {
position: absolute;
top: 2px;
width: 20px;
height: 20px;
text-align: center;
line-height: 14px;
font-size: 12px;
content: '';
background-size: 100% !important;
}
&::after {
position: absolute;
top: 2px;
width: 20px;
height: 20px;
text-align: center;
line-height: 14px;
font-size: 12px;
content: '';
background-size: 100% !important;
}
&:before {
left: 0;
background: url('data:image/png;base64;') no-repeat 50% 50%;
}
&:after {
right: 0;
background: url('data:image/png;base64;') no-repeat 50% 50%;
}
}
Wenn ich die navigation.less aus dem Kompilierungsprozess entferne wird es ganz erfolgreich kompiliert.
Mit freundlichen Grüßen,
Brian