main.css test page

Theme options

Current active breakpoints
Mobile Tablet Desktop
 
Active
    

Color palettes
Primary Primary Primary Invert
Secondary Secondary Secondary Invert
Black Black Black Invert
White White White Invert

Default Colors
CSS Class Normal Inverted
.has-background-primary Primary Primary
.has-background-secondary Secondary Secondary
.has-colors-primary Primary Primary
.has-colors-secondary Secondary Secondary
.has-colors-primary + icons Primary Primary
.has-colors-secondary + icons Secondary Secondary

Accent Colors
Name Normal Inverted
.has-colors-accent
normal
invert
.has-colors-accent-secondary
normal
invert
.has-colors-accent-tertiary
normal
invert
.has-colors-transparent
normal
(transparent text and icon)
.has-colors-light
normal
invert

Headers
Class Primary family Secondary family
is-size-1 Example Example
is-size-2 Example Example
is-size-3 Example Example
is-size-4 Example Example
is-size-5 Example Example
is-size-6 Example Example
is-size-7 Example Example
is-size-8 Example Example

Buttons

Primary
State Default (Button with icon) Small (Small button without icon) Only the icon
Default Inverted Default Inverted Default Inverted
Default
Hovered
Active
Focused
Borderless
Outline

Secondary
State Default (Button with icon) Small (Small button without icon) Only the icon
Default Inverted Default Inverted Default Inverted
Default
Hovered
Active
Focused
Borderless
Outline

Unknown

No .button.is-(primary|secondary) set
State Default (Button with icon) Small (Small button without icon) Only the icon
Default Inverted Default Inverted Default Inverted
Default
Hovered
Active
Focused
Borderless
Outline

Pagination

Siblings navigation

Pill

Pill text Pill text 2 Another Pill Pill text

Lists

  1. Quasi ego id curem, quid ille aiat aut neget.
  2. Dicet pro me ipsa virtus nec dubitabit isti vestro beato M.
  3. Est enim tanti philosophi tamque nobilis audacter sua decreta defendere.
    1. Ea nec auctoritatem cum animi partibus, comparandam et cognitionem habent faciliorem.
    2. Ex quo, id quod omnes expetunt, beate vivendi ratio inveniri et comparari potest.
    3. Tertium autem omnibus aut maximis rebus iis, quae secundum naturam sint, fruentem vivere.
  4. Tenesne igitur, inquam, Hieronymus Rhodius quid dicat esse summum bonum, quo putet omnia referri oportere?

Image alignment

Kitten Habent enim et bene longam et satis litigiosam disputationem. Sed id ne cogitari quidem potest quale sit, ut non repugnet ipsum sibi. Disserendi artem nullam habuit. Eorum enim est haec querela, qui sibi cari sunt seseque diligunt. Ex ea difficultate illae fallaciloquae, ut ait Accius, malitiae natae sunt. Ea, quae dialectici nunc tradunt et docent, nonne ab illis instituta sunt aut inventa sunt?

Another Kitten Quid nunc honeste dicit? Atque his de rebus et splendida est eorum et illustris oratio. Et hercule-fatendum est enim, quod sentio -mirabilis est apud illos contextus rerum. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Beatus sibi videtur esse moriens. Quae contraria sunt his, malane? Nam Pyrrho, Aristo, Erillus iam diu abiecti. Quid ergo hoc loco intellegit honestum?

Centered Kitten

Non minor, inquit, voluptas percipitur ex vilissimis rebus quam ex pretiosissimis. Collatio igitur ista te nihil iuvat. Ergo et avarus erit, sed finite, et adulter, verum habebit modum, et luxuriosus eodem modo. Sin tantum modo ad indicia veteris memoriae cognoscenda, curiosorum. Praeclare hoc quidem. Hic ambiguo ludimur. Quem Tiberina descensio festo illo die tanto gaudio affecit, quanto L. Sedulo, inquam, faciam. Verba tu fingas et ea dicas, quae non sentias? Sed ad haec, nisi molestum est, habeo quae velim. Ab hoc autem quaedam non melius quam veteres, quaedam omnino relicta. Quam illa ardentis amores excitaret sui! Cur tandem? 

Quae est enim, quae se umquam deserat aut partem aliquam sui
aut eius partis habitum aut vini aut ullius earum rerum,
quae secundum naturam sunt, aut motum aut statum?

Verum tamen cum de rebus grandioribus dicas, ipsae res verba
rapiunt;
Quare attende, quaeso.
Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus.
Quid ergo?
Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere.
Sed fortuna fortis;
Sed quid minus probandum quam esse aliquem beatum nec satis beatum?
Ne discipulum abducam, times.
Est autem etiam actio quaedam corporis, quae motus et status naturae congruentis tenet;