Skip to content

Errore di validazione sul selettore .toolbar a.disabled:after .icon #1599

@13eel

Description

@13eel

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

v 2.17

Cosa

Durante il build process di alcuni bundler (es. Turbopack) viene segnalato un errore:

 ⨯ ./node_modules/.pnpm/[email protected]/node_modules/bootstrap-italia/dist/css/bootstrap-italia.min.css:18619:26
Parsing CSS source code failed
  18617 |   color: hsl(210, 3%, 85%);
  18618 | }
> 18619 | .toolbar a.disabled:after .icon,
        |                          ^
  18620 | .toolbar .btn-dropdown.disabled:after .icon {
  18621 |   fill: hsl(210, 3%, 85%);
  18622 | }

Pseudo-elements like '::before' or '::after' can't be followed by selectors like 'Delim('.')'

La sorgente di questo selector invalido proviene nel file src/scss/components/_toolbar.scss a riga 288

.toolbar {
  // ...
  a, .btn-dropdown {
    // ...
    &.disabled {
      // ...
      &:after {
        color: $gray-disabled;
/*288*/.icon {
          fill: $gray-disabled;
        }
      }
    }

Perché

Blocca la compilazione di alcuni bundler, sicuramente con Turbopack.
Inoltre è un selettore invalido che non potrà mai applicato ad un elemento

Contesto

No response

Altro

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions