main.css test page

Current active breakpoints

Mobile

Tablet

Desktop

Color palettes

Primary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Secondary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Tertiary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Quaternary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Quinary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Senary	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
Black	Primary	Primary Invert	Dark	Dark Invert	Light	Light Invert
White	Primary	Primary Invert	Dark	Dark Invert	Light	Light 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

Headers

Class	Size
is-size-1	Example
is-size-2	Example
is-size-3	Example
is-size-4	Example
is-size-5	Example
is-size-6	Example
is-size-7	Example
is-size-8	Example

Buttons

State	Default (Button with icon)		Small (Small button without icon)		Only the icon
	Default	Inverted	Default	Inverted	Default	Inverted
Default	Button with icon	Button with icon	Small without icon	Small without icon
Hovered	Button with icon	Button with icon	Small without icon	Small without icon
Active	Button with icon	Button with icon	Small without icon	Small without icon
Focused	Button with icon	Button with icon	Small without icon	Small without icon
Borderless	Button with icon	Button with icon	Small without icon	Small without icon
Only default and hovered states in the next variations
Secondary	Button with icon	Button with icon	Small without icon	Small without icon
Tertiary	Button with icon	Button with icon	Small without icon	Small without icon
Unknown (defaults to primary)	Button with icon	Button with icon	Small without icon	Small without icon

Lists

• Iam quae corporis sunt, ea nec auctoritatem cum animi partibus, comparandam et cognitionem habent faciliorem.
• Ex quo, id quod omnes expetunt, beate vivendi ratio inveniri et comparari potest.
  • Iam quae corporis sunt, ea nec auctoritatem cum animi partibus.
  • Ex quo, id quod omnes expetunt, beate vivendi ratio inveniri et comparari potest.
  • Tertium autem omnibus aut maximis rebus iis, quae secundum naturam sint, fruentem vivere.
• Tertium autem omnibus aut maximis rebus iis, quae secundum naturam sint, fruentem vivere.

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

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?

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?

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;