italia / italia/design-angular-kit

[Bug] Non è possibile fare l'override della variabile $small-font-size

Open
#598 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
86
Forks
45
PR merge metrics
No merged PRs in 30d

Description

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

- [x] Ho verificato e non esiste

### Versione della libreria

v21.0.0

### Cosa

Il `font-size` di `` è deciso dalla seguente regola CSS

```scss
// _reboot.scss

small {
@include font-size($small-font-size);
}
```

Questo è quanto viene generato

Image

Modificare la variabile **prima** dell'import degli stili di Bootstrap Italia non sembra sortire alcun effetto

```scss
// styles.scss

$small-font-size: 0.75rem;

@import 'bootstrap-italia/src/scss/bootstrap-italia';
```

Image

### Perché

Sembra esserci un problema in fase di generazione delle classi CSS

### Contesto

_No response_

### Altro

Al momento sto adottando il seguente workaround

```scss
// styles.scss

@import 'bootstrap-italia/src/scss/bootstrap-italia';

small,
.small {
font-size: 0.75rem;
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.