@isprambiente/bulma-theme-ispra NPM

Bulma Theme ISPRA

Tema Bulma personalizzato per ISPRA

Caratteristiche

Basato su Bulma, con personalizzazioni per ISPRA
Compatibile con SASS, SCSS e CSS
Facile da installare tramite NPM, Yarn o Bun
Disponibile via CDN per un'implementazione immediata

Contributi e Supporto

Hai idee per migliorare il tema? Apri una issue o contribuisci su GitHub. Per domande e supporto, puoi contattarci via email o consultare la documentazione ufficiale.

Compatibilità

Compatibile con Bulma v1.x
Testato su moderni browser (Chrome, Firefox, Edge, Safari)

Installazione rapida

Il tema Bulma per ISPRA può essere installato usando uno dei seguenti package manager:

NPM

npm install @isprambiente/bulma-theme-ispra

oppure

Yarn

yarn add @isprambiente/bulma-theme-ispra

oppure

Bun

bun add @isprambiente/bulma-theme-ispra

Import

SASS

@import '@isprambiente/bulma-theme-ispra';

SCSS

@forward '@isprambiente/bulma-theme-ispra';

CSS

Importazione da file locale

@import '@isprambiente/bulma-theme-ispra/dist/bulma-theme-ispra.css'
@import '@isprambiente/bulma-theme-ispra/dist/bulma-theme-ispra.min.css'

Oppure, per caricarlo tramite CDN direttamente in HTML:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@isprambiente/bulma-theme-ispra/dist/bulma-theme-ispra.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@isprambiente/bulma-theme-ispra/dist/bulma-theme-ispra.min.css">

Esempio di utilizzo

Ecco come applicare il tema ISPRA in una pagina HTML con Bulma:

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bulma Theme ISPRA Example</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@isprambiente/bulma-theme-ispra/dist/bulma-theme-ispra.min.css">
</head>
<body>
    <section class="hero is-primary">
        <div class="hero-body">
            <h1 class="title">Benvenuti nel tema Bulma ISPRA</h1>
            <p class="subtitle">Un esempio di implementazione rapida</p>
        </div>
    </section>
    <div class="container">
        <button class="button is-success">Cliccami</button>
    </div>
</body>
</html>

bulma theme extension ispra

@creativebulma/bulma-tooltip @samlam140330/bulma-switch bulma-quickview

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago