10.1 - Theme Invert
Source: themes/_theme-invert.scss, line 8
The invert theme can be called using the class theme-invert or is-theme-invert.
Examples:
Default styling
.is-primary
Primary color
.is-secondary
Secondary color
.is-link
Link color
.is-success
Success color
.is-danger
Danger color
.is-warning
warning color
.is-light
light color
.is-dark
dark color
<div class="theme-invert">
<button class="btn [modifier]">.btn .[modifier]</button>
<button class="btn [modifier] is-outlined">.btn .[modifier] .is-outlined</button>
<button class="btn [modifier] is-hovered">.btn .[modifier] .is-hover</button>
<button class="btn [modifier] is-focused">.btn .[modifier] .is-focused</button>
<button class="btn [modifier] is-rounded">.btn .[modifier] .is-rounded</button>
<button class="btn [modifier] is-loading">.btn .[modifier] .is-loading</button>
<button class="btn [modifier]" disabled>.btn .[modifier] disabled</button>
<button class="btn [modifier] is-theme-default">.btn .[modifier] .is-theme-default</button>
<div>Examples:
Default styling
.has-bg-primary
Primary color
.has-bg-secondary
Secondary color
.has-bg-link
Link color
.has-bg-success
Success color
.has-bg-danger
Danger color
.has-bg-warning
warning color
.has-bg-light
light color
.has-bg-dark
dark color
<div class="theme-invert"><div class="[modifier] has-p-3">Content...</div></div>Examples:
Default styling
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-primary
Primary color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-secondary
Secondary color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-link
Link color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-success
Success color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-danger
Danger color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-warning
warning color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-light
light color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
.has-text-dark
dark color
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste?
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
<div class="theme-invert">
<p class="[modifier]">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem quisquam ea consequuntur nostrum sint.
Explicabo neque architecto sint voluptatibus ullam et ea recusandae nihil unde quos amet hic, ut iste? <br>
Hoc sic expositum dissimile est superiori. Avaritiamne minuis? Prave, nequiter, turpiter cenabat; Dat enim intervalla et relaxat. Bonum patria: miserum exilium.
Quid enim possumus hoc agere divinius? Non est ista, inquam, Piso, magna dissensio. Quid est enim aliud esse versutum?
</p>
</div>