med
LOESE TEKSTNODER imellem (varens eget navn til sidst). I en flexbeholder
bliver hver tekstnode sit eget anonyme flexbarn -- derfor virker
flex-wrap: nowrap ogsaa paa dem. */
.woocommerce-breadcrumb {
display: flex; align-items: center; flex-wrap: nowrap;
overflow-x: auto; overscroll-behavior-x: contain;
white-space: nowrap;
/* Rullepanelet ville laegge sig oven i stregen under baandet. */
scrollbar-width: none;
-ms-overflow-style: none;
}
.woocommerce-breadcrumb::-webkit-scrollbar { display: none; }
.woocommerce-breadcrumb > * { flex: 0 0 auto; }
.woocommerce-breadcrumb .breadcrumb-separator { padding: 0 .1rem; color: var(--kant-staerk); }
/* Forsiden er et hus. Teksten slukkes med font-size: 0 paa selve linket --
den kan ikke fjernes i PHP, fordi WooCommerces skabelon skriver krummen
med esc_html() og derfor ikke tager imod markup. Teksten bliver staaende i
DOM'en, saa en skaermlaeser siger stadig "Forside". */
.woocommerce-breadcrumb a:first-of-type {
display: inline-flex; align-items: center;
font-size: 0;
}
.woocommerce-breadcrumb a:first-of-type::before {
content: ""; display: block;
width: 16px; height: 16px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9.5V20h13V9.5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9.5V20h13V9.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 819px) {
/* Helt ud til skaermkanten, som karrusellen. Rullefeltet skal naa kanten,
ellers ser stien klippet ud midt inde paa siden -- men teksten skal
stadig begynde inde ved gutteren, saa den negative margen faas igen
som padding. */
.woocommerce-breadcrumb {
margin-inline: calc(var(--r3) * -1);
padding-inline: var(--r3);
scroll-padding-inline: var(--r3);
}
}
/* --------------------------------------------------------------------------
Beskeden fra pluginnet (feriebesked og lignende)
Staar foerst i og dermed over BAADE logoet og navigationen. Den er
ikke klaebende, og det er med vilje: en feriebesked skal laeses én gang og
saa vaere ude af vejen. Den ruller op og bliver deroppe; headeren klaeber.
Indholdet flugter med resten af siden -- samme maksbredde og samme
sidepolstring som .col-full. Uden det staar teksten klistret til
skaermkanten mens logoet lige under staar 24 px inde.
Baade `p` og `h3` er naevnt. Pluginnet skriver et siden 18/9 (en
overskrift oeverst paa hver side lagde sig ind i dokumentets
overskriftsstruktur foer sidens egen h1), men LIVE koerer stadig den gamle
udgave med