
Spectre fournit des styles de base pour la typographie et les éléments, un système de mise en page responsive basé sur la flexbox, des composants et utilitaires CSS purs. Ce framework CSS sous licence MIT utilise Gulp pour la compilation CSS. Il n’inclut que des styles de base modernes.
Spectre.css peut être installé de cinq manières différentes : manuellement, depuis CDN ou Bower, avec Yarn ou NPM. Ce framework front-end peut être personnalisé en éditant les fichiers Sass qui sont présents dans le répertoire « /src » ou en supprimant les composants inutiles des fichiers sources de « .scss ». Il peut également être modifié avec le compilateur LESS.
Il est recommandé de personnaliser Spectre en important les fichiers sources Sass dans vos projets, ce qui vous permet de garder Spectre à jour sans créer de conflits, puisque le code Spectre et votre code personnalisé sont séparés.
Spectre est conçu avec un langage de conception cohérent. Il permet d’utiliser ses propres variables pour créer de nouveau design ou faire correspondre un design existant. Toutes les variables dans « _variables.scss » incluent le flag « !default ». Vous pouvez bien évidemment redéfinir les variables pour remplacer les valeurs.
Spectre.css est compatible avec les navigateurs suivant : Chrome, Opera, Microsoft Edge, Firefox et Safari. Il est également pris en charge par Internet Explorer 10 et version ultérieures, mais certaines fonctionnalités HTML5 et CSS3 ne sont pas parfaitement supportées par Internet Explorer. Spectre utilise Autoprefixer pour rendre la plupart des styles compatibles avec les versions plus anciennes des navigateurs Web et Normalize.css pour les réinitialisations CSS.
Spectre.css pourrait se révéler être une alternative tout aussi intéressante que PureCSS, Bulma, MaterializeCSS ou Base.
Source : Picture Pan 2
Et vous ?


Voir aussi



