pantoken / foundation

foundation ​

Πειραματικό

@pantoken/foundation — θέμα Foundation for Sites με tokens Instructure.

Το Foundation δίνει προτεραιότητα στο Sass, οπότε αυτό το πακέτο παρέχει δύο στρώσεις. toFoundationSettings παράγει ένα _settings-style Sass partial που δείχνει τις μεταβλητές ρυθμίσεων του Foundation στο var(--instui-*), έτσι μια διαδικασία build του Sass μεταγλωττίζει την εμφάνιση Instructure ενώ διατηρεί το runtime theming μέσω των ίδιων προσαρμοσμένων properties. toFoundationCss παράγει ένα λεπτό CSS overlay που θεματοποιεί με τον ίδιο τρόπο τις κοινές μεταγλωττισμένες κλάσεις (.button, .callout, links) — χρήσιμο όταν χρησιμοποιείτε το stock Foundation CSS και θέλετε απλώς να στρώσετε τα χρώματα Instructure από πάνω χωρίς επαναμεταγλώττιση.

Παράδειγμα ​

ts
import { foundationSettings, foundationCss } from "@pantoken/foundation";
// foundationSettings → a Sass partial; foundationCss → a runtime overlay.

Διεπαφές ​

Μεταβλητές ​

Συναρτήσεις ​

Αναφορές ​

default ​

Μετονομάζει και επανεξάγει το foundationCss