Elements:Colours Utils
Useful colour classes for making text and blocks stand out or fade in.
Text Colours
White text has background colour so it can be seen.
.text-muted Causa distineo imputo ludus magna nibh patria volutpat.
.text-primary Consectetuer gravis hendrerit iustum suscipit ulciscor velit vicis vulputate.
.text-info Cui euismod gemino interdico praemitto torqueo vicis virtus vulputate.
.text-success Exerci roto virtus wisi. Causa consectetuer ille incassum natu nostrud quae rusticus.
.text-warning Adipiscing conventio distineo ea gilvus jugis ulciscor.
.text-danger Abluo appellatio dolor olim patria turpis.
.text-white Nibh praemitto quadrum quis sed si sino zelus.
.text-dark Abigo aliquip aptent camur dignissim dolore laoreet quis singularis vindico.
.text-light Bene gemino gilvus. Accumsan blandit causa feugiat pneum saepius.
.text-grey Bene commoveo et incassum laoreet valde veniam.
.text-grey-dark Elit jugis meus persto qui sed tego.
.text-primary-faded Abigo feugiat praemitto validus. Pala quis sagaciter tego.
.text-primary-dark Iriure nibh nisl tum valde. Camur duis enim exputo facilisi gravis iaceo nimis.
.text-green Esse et rusticus. Interdico nostrud nunc quibus secundum si.
.text-red Antehabeo eum iustum quadrum. Exerci importunus jugis persto turpis validus verto.
.text-blue Abluo antehabeo aptent bene capto jus.
.text-purple Aliquip feugiat hendrerit iustum mos neque quia quis volutpat.
.text-pink Diam persto valde. Adipiscing dignissim mauris nibh nostrud secundum ulciscor utinam.
.text-orange Augue brevitas defui euismod nutus populus saluto vereor vero vicis.
.text-lime Accumsan amet et ibidem luptatum nisl nulla sudo uxor.
.text-blue-dark Euismod obruo valetudo. Causa jugis valetudo.
.text-red-dark Dignissim letalis nostrud verto. Antehabeo feugiat gravis suscipere virtus.
.text-brown Decet refoveo usitas vulpes. Caecus damnum imputo probo quidem refero wisi.
.text-cyan-dark Abdo ulciscor vicis virtus. Exputo iustum luctus persto typicus vel vindico.
.text-yellow Hos illum iriure metuo roto rusticus similis suscipit.
.text-slate Acsi adipiscing esse incassum paratus paulatim.
.text-olive Autem decet erat jugis mauris melior.
.text-teal Amet molior nimis refero sudo vel.
.text-green-bright Commodo eligo lenis magna paratus pneum.
Link Colours
White text has background colour so it can be seen.
.text-muted .text-primary .text-info .text-success .text-warning .text-danger .text-dark .text-light .text-grey .text-grey-dark .text-primary-faded .text-primary-dark .text-green .text-red .text-blue .text-purple .text-pink .text-orange .text-lime .text-blue-dark .text-red-dark .text-brown .text-cyan-dark .text-yellow .text-slate .text-olive .text-teal .text-green-brightBackground Colours
There are also a number of background colour classes which can be combined with the text colour classes above to provide contract.
.bg-faded Abdo defui euismod genitus huic imputo meus molior.
.bg-grey Distineo euismod ibidem jumentum nutus pagus quia tation ulciscor vereor.
.bg-grey-dark Eligo erat ille molior paratus probo quidem tation torqueo volutpat.
.bg-primary Exerci humo meus. Abbas abluo accumsan imputo in nobis pertineo ulciscor volutpat.
.bg-primary-faded Aliquam dignissim sagaciter tamen. Ad facilisis luptatum melior praemitto quidem.
.bg-primary-dark Aliquip defui fere loquor refero ymo.
.bg-info At feugiat iriure lobortis oppeto similis.
.bg-success Ad pertineo ulciscor. Gilvus humo importunus melior mos quia saluto.
.bg-warning Bene cogo cui decet distineo ex facilisis gilvus modo pala.
.bg-danger Lenis mos natu pagus pecus suscipit torqueo vereor.
.bg-dark Esse laoreet nulla valetudo vereor. Decet natu premo sed tego validus vel.
.bg-light Abigo camur distineo dolor esse iusto paratus pecus premo quidne.
.bg-shadow Conventio illum immitto iriure metuo occuro.
.bg-gradient Letalis magna occuro quibus vulpes wisi.
.bg-gradient-flip Abbas augue cogo pertineo quadrum valetudo.
.bg-green Aliquip at defui exerci nisl nobis os secundum si tum.
.bg-red Euismod eum facilisi minim nibh proprius voco.
.bg-blue Abdo abigo illum letalis nutus patria probo.
.bg-purple Antehabeo duis et neque nibh pala plaga si voco wisi.
.bg-pink Brevitas dolus nostrud odio olim pertineo suscipit.
.bg-orange Genitus imputo mos. Ibidem nimis pertineo scisco singularis tamen utrum.
.bg-lime Melior proprius voco. Abigo at bene caecus feugiat jus.
.bg-blue-dark At bene haero populus roto typicus.
.bg-red-dark Consequat et nobis olim quis ullamcorper.
.bg-brown Autem ludus macto mauris quadrum quis sit.
.bg-cyan-dark Abluo ad aliquam capto defui dolus pecus te vindico.
.bg-yellow Dignissim duis eligo haero neque nisl zelus.
.bg-slate Abigo ad consequat in inhibeo nulla odio sagaciter si.
.bg-olive Abico eum feugiat natu pala quis ut.
.bg-teal Eros illum macto ratis. Commoveo gemino iusto nunc proprius quidem suscipit vulpes zelus.
.bg-green-bright Appellatio et modo vel vulputate. Commodo illum oppeto.
Background Colour Opacity
Control background colour opacity using the
.bg-op-(1-9) classes for ultimate control over background colours.
.bg-op-1 + .bg-faded Autem consequat nibh nobis quibus sudo tation turpis velit.
.bg-op-2 + .bg-faded Adipiscing camur metuo neo nisl occuro sagaciter typicus vicis ymo.
.bg-op-3 + .bg-faded Abdo abigo aptent enim jus luptatum obruo paulatim quidne suscipere.
.bg-op-4 + .bg-faded Damnum esse inhibeo iustum lenis molior pagus valetudo validus voco.
.bg-op-5 + .bg-faded Aliquip augue jugis plaga sino.
.bg-op-6 + .bg-faded Conventio dolus eu exputo genitus iustum roto.
.bg-op-7 + .bg-faded Capto dolus immitto sino.
.bg-op-8 + .bg-faded Abbas laoreet pagus saepius sed sino tego torqueo.
.bg-op-9 + .bg-faded Augue conventio eum illum.
.bg-op-1 + .bg-grey Cogo sudo valde. Dolore dolus eu facilisis mos natu scisco sit tamen ymo.
.bg-op-2 + .bg-grey Acsi brevitas caecus hos nulla pneum ratis usitas velit virtus.
.bg-op-3 + .bg-grey Aptent in pagus plaga similis.
.bg-op-4 + .bg-grey At enim jugis nisl obruo pneum refero validus volutpat vulputate.
.bg-op-5 + .bg-grey Abluo dignissim elit laoreet mos premo sagaciter.
.bg-op-6 + .bg-grey Gilvus patria quadrum torqueo.
.bg-op-7 + .bg-grey Causa comis loquor. Lenis nunc pala plaga ut valetudo.
.bg-op-8 + .bg-grey Abico saluto zelus. Ad causa dolore eum humo ille olim praemitto vel.
.bg-op-9 + .bg-grey Brevitas ea euismod feugiat gilvus nisl proprius sudo ullamcorper virtus.
.bg-op-1 + .bg-grey-dark Aliquip qui tamen tation volutpat.
.bg-op-2 + .bg-grey-dark Abdo dolor illum. Iustum letalis nutus populus saluto tum typicus.
.bg-op-3 + .bg-grey-dark Aliquip dolore interdico ludus nobis premo quidne secundum.
.bg-op-4 + .bg-grey-dark Blandit humo jus. Consequat sit tego usitas.
.bg-op-5 + .bg-grey-dark Decet melior vereor. Antehabeo capto dolore dolus gravis lobortis melior pagus roto virtus.
.bg-op-6 + .bg-grey-dark Autem dolore exputo laoreet persto validus.
.bg-op-7 + .bg-grey-dark Abigo comis defui praesent quae tum vel vindico.
.bg-op-8 + .bg-grey-dark Luptatum neque quis roto.
.bg-op-9 + .bg-grey-dark Damnum dolor illum sagaciter.
.bg-op-1 + .bg-primary Eu facilisis odio. Abbas et exerci lobortis luctus macto meus quae refero sagaciter.
.bg-op-2 + .bg-primary Abdo gravis ille scisco sit utinam.
.bg-op-3 + .bg-primary Abigo quae velit. Quadrum quia refero sudo te tum ullamcorper venio.
.bg-op-4 + .bg-primary Abdo commodo feugiat ludus meus tum veniam voco.
.bg-op-5 + .bg-primary Aliquam amet at lobortis nisl rusticus tum utinam uxor.
.bg-op-6 + .bg-primary Acsi iustum macto metuo quidne rusticus tamen.
.bg-op-7 + .bg-primary Jumentum pneum ulciscor velit.
.bg-op-8 + .bg-primary Augue autem genitus macto.
.bg-op-9 + .bg-primary Turpis utrum ymo. Blandit euismod ibidem imputo incassum os paratus vulputate.
.bg-op-1 + .bg-primary-faded Dignissim elit eros iaceo loquor luptatum roto saepius vereor.
.bg-op-2 + .bg-primary-faded Pecus validus velit. Exputo nutus praesent refero utinam velit vulpes.
.bg-op-3 + .bg-primary-faded At commoveo enim facilisis humo incassum magna pala quidne.
.bg-op-4 + .bg-primary-faded Abbas aliquam enim nimis nostrud.
.bg-op-5 + .bg-primary-faded Aliquip dignissim metuo oppeto patria probo secundum vulpes.
.bg-op-6 + .bg-primary-faded Abico antehabeo autem ibidem iustum rusticus.
.bg-op-7 + .bg-primary-faded Abigo brevitas dolus duis ille lucidus neo sed verto.
.bg-op-8 + .bg-primary-faded Eu ex exputo mauris pecus quae tation valetudo vulputate.
.bg-op-9 + .bg-primary-faded Ibidem lobortis vulpes. Abbas comis modo pneum sagaciter tum.
.bg-op-1 + .bg-primary-dark Abdo antehabeo brevitas enim ex natu paulatim.
.bg-op-2 + .bg-primary-dark Ea hendrerit meus obruo plaga quadrum quae quia singularis.
.bg-op-3 + .bg-primary-dark Eros hendrerit jus oppeto.
.bg-op-4 + .bg-primary-dark Abico minim tamen turpis vulpes zelus.
.bg-op-5 + .bg-primary-dark Acsi commodo conventio facilisi refoveo tincidunt turpis voco ymo.
.bg-op-6 + .bg-primary-dark Laoreet refoveo sudo tego.
.bg-op-7 + .bg-primary-dark Abigo at dolus esca ibidem vindico.
.bg-op-8 + .bg-primary-dark Bene ex ibidem inhibeo pertineo tego.
.bg-op-9 + .bg-primary-dark Aliquip haero neo neque.
.bg-op-1 + .bg-info Ad comis cui facilisi imputo jus ludus praesent refoveo velit.
.bg-op-2 + .bg-info Abluo dolus macto pala ratis.
.bg-op-3 + .bg-info Consectetuer conventio haero pecus quidne tego uxor voco volutpat.
.bg-op-4 + .bg-info Odio praesent virtus. Ludus mos quidem uxor vulpes.
.bg-op-5 + .bg-info Fere jumentum sudo. Qui rusticus saepius tincidunt volutpat.
.bg-op-6 + .bg-info Nisl ulciscor zelus. Commoveo et facilisi lucidus quis torqueo voco.
.bg-op-7 + .bg-info Odio populus ut validus.
.bg-op-8 + .bg-info Aliquam eros haero modo pneum secundum sed.
.bg-op-9 + .bg-info Dolus ex huic luptatum tum.
.bg-op-1 + .bg-success Commoveo conventio et neque paratus refero sed turpis vero.
.bg-op-2 + .bg-success Commoveo diam hos imputo os praesent tum ut.
.bg-op-3 + .bg-success Aliquam brevitas caecus ille magna meus natu usitas.
.bg-op-4 + .bg-success Exerci luptatum magna sed ulciscor vulpes.
.bg-op-5 + .bg-success Eligo huic modo mos tation zelus.
.bg-op-6 + .bg-success Abigo letalis luctus quadrum quia refoveo sed vel.
.bg-op-7 + .bg-success Caecus dolor ea eligo huic incassum pala probo quae ut.
.bg-op-8 + .bg-success Diam eu jugis nunc quae ratis velit.
.bg-op-9 + .bg-success Blandit dolore ea enim mos scisco tego ut velit.
.bg-op-1 + .bg-warning Abdo distineo esca exerci suscipere velit.
.bg-op-2 + .bg-warning Abigo acsi causa neo persto refero ullamcorper valetudo.
.bg-op-3 + .bg-warning Aliquam eros tamen zelus.
.bg-op-4 + .bg-warning Abico eu feugiat scisco.
.bg-op-5 + .bg-warning Caecus euismod humo luptatum magna nimis olim probo velit vulputate.
.bg-op-6 + .bg-warning Antehabeo causa dolus gemino jumentum nimis pala singularis.
.bg-op-7 + .bg-warning Aptent blandit dolore ideo jugis oppeto probo sagaciter tum.
.bg-op-8 + .bg-warning Importunus in magna. Abigo blandit huic suscipit valde vereor.
.bg-op-9 + .bg-warning Acsi autem camur consectetuer euismod lenis pala paulatim pecus premo.
.bg-op-1 + .bg-danger Adipiscing appellatio feugiat mos ratis verto.
.bg-op-2 + .bg-danger Brevitas commoveo distineo esse iaceo saepius tum ulciscor utrum vulputate.
.bg-op-3 + .bg-danger Accumsan capto esse iriure scisco vicis.
.bg-op-4 + .bg-danger In lobortis valetudo. Abbas damnum dolor facilisi genitus imputo natu persto zelus.
.bg-op-5 + .bg-danger Aliquam ille inhibeo refero sit turpis.
.bg-op-6 + .bg-danger Adipiscing capto iusto usitas.
.bg-op-7 + .bg-danger Duis in nibh nostrud plaga roto valde validus.
.bg-op-8 + .bg-danger Augue imputo pecus quidne saepius similis.
.bg-op-9 + .bg-danger Aptent luctus modo quia typicus utrum valde.
.bg-op-1 + .bg-dark Aptent pecus saluto. Ad cogo defui dignissim iusto lenis nibh patria similis.
.bg-op-2 + .bg-dark Abdo damnum exputo gilvus iriure magna odio rusticus.
.bg-op-3 + .bg-dark Damnum hos ideo jus lucidus nobis os refero torqueo volutpat.
.bg-op-4 + .bg-dark Blandit causa incassum valetudo vicis.
.bg-op-5 + .bg-dark Aliquam capto consequat enim esca incassum jus luctus luptatum verto.
.bg-op-6 + .bg-dark Commoveo dolore magna minim mos qui quis singularis.
.bg-op-7 + .bg-dark Aliquip duis esse loquor praesent valde.
.bg-op-8 + .bg-dark Gilvus immitto mos natu vel velit.
.bg-op-9 + .bg-dark Camur damnum diam neque patria paulatim.
.bg-op-1 + .bg-light Interdico molior praesent. Amet illum meus nostrud oppeto pertineo populus quae rusticus similis.
.bg-op-2 + .bg-light Occuro quadrum sagaciter venio.
.bg-op-3 + .bg-light Accumsan aptent dignissim nunc sagaciter scisco sit turpis utrum.
.bg-op-4 + .bg-light Cogo hos in modo nunc.
.bg-op-5 + .bg-light Adipiscing imputo in interdico quis.
.bg-op-6 + .bg-light Hos iaceo laoreet utinam.
.bg-op-7 + .bg-light Accumsan adipiscing brevitas feugiat scisco sino valetudo.
.bg-op-8 + .bg-light Caecus consectetuer letalis nutus quibus secundum si.
.bg-op-9 + .bg-light Cogo laoreet lenis loquor mos suscipere.
.bg-op-1 + .bg-gradient Aliquip autem natu nulla utinam.
.bg-op-2 + .bg-gradient Aliquam at distineo facilisis in typicus vulpes.
.bg-op-3 + .bg-gradient At defui duis elit esca exerci exputo facilisi patria wisi.
.bg-op-4 + .bg-gradient Augue exputo haero mauris pala quidne roto vicis.
.bg-op-5 + .bg-gradient Caecus dignissim luctus ludus quis tego typicus.
.bg-op-6 + .bg-gradient Antehabeo brevitas dolore paulatim ulciscor.
.bg-op-7 + .bg-gradient In letalis olim qui refero velit vindico.
.bg-op-8 + .bg-gradient Antehabeo eros macto pala paratus roto veniam.
.bg-op-9 + .bg-gradient Causa esca hendrerit imputo loquor pagus pneum praesent refoveo.
.bg-op-1 + .bg-gradient-flip Brevitas loquor quibus. Aptent exputo lenis paratus premo.
.bg-op-2 + .bg-gradient-flip Abluo genitus haero odio.
.bg-op-3 + .bg-gradient-flip Abluo immitto laoreet nulla sit.
.bg-op-4 + .bg-gradient-flip Importunus metuo nobis pagus paratus tego.
.bg-op-5 + .bg-gradient-flip Causa defui erat esse lucidus pagus quidem.
.bg-op-6 + .bg-gradient-flip Euismod gemino illum quidne.
.bg-op-7 + .bg-gradient-flip Defui esse occuro quia rusticus sagaciter tum.
.bg-op-8 + .bg-gradient-flip Erat pneum quibus vindico.
.bg-op-9 + .bg-gradient-flip Defui exputo gravis iaceo vel.
.bg-op-1 + .bg-green Caecus camur incassum inhibeo loquor nimis utrum.
.bg-op-2 + .bg-green Ad damnum diam distineo laoreet melior.
.bg-op-3 + .bg-green Bene lucidus neque. Defui incassum neque pertineo secundum si sit.
.bg-op-4 + .bg-green Autem decet dolus hos ideo probo refero sino venio verto.
.bg-op-5 + .bg-green Accumsan causa commoveo consequat esca inhibeo sit.
.bg-op-6 + .bg-green Ad ideo jugis mos olim paratus tamen.
.bg-op-7 + .bg-green Odio oppeto typicus. Eligo enim exerci in letalis nostrud occuro suscipere veniam.
.bg-op-8 + .bg-green Dignissim fere hos interdico.
.bg-op-9 + .bg-green Eu facilisi fere rusticus vicis.
.bg-op-1 + .bg-red Olim quibus sed suscipere velit venio.
.bg-op-2 + .bg-red Cui diam velit. Adipiscing vero volutpat.
.bg-op-3 + .bg-red Damnum melior neque ratis saepius valde verto.
.bg-op-4 + .bg-red Aliquip dolor enim et eum vicis.
.bg-op-5 + .bg-red Iaceo iustum letalis neque.
.bg-op-6 + .bg-red Cui defui ibidem importunus lobortis occuro ut.
.bg-op-7 + .bg-red Aliquip eros facilisi laoreet luptatum saluto si tincidunt velit vereor.
.bg-op-8 + .bg-red Appellatio conventio dolor exerci facilisis iriure roto singularis utinam.
.bg-op-9 + .bg-red Ad aliquip eum hendrerit importunus iusto modo ratis scisco venio.
.bg-op-1 + .bg-blue Eligo loquor praesent. Eu gravis immitto incassum metuo olim pagus quidem valde vulpes.
.bg-op-2 + .bg-blue At camur eros gemino laoreet natu nostrud obruo quidne vero.
.bg-op-3 + .bg-blue Commoveo plaga quis secundum tation tincidunt.
.bg-op-4 + .bg-blue Dolor huic humo pertineo validus verto volutpat.
.bg-op-5 + .bg-blue Appellatio facilisi humo laoreet minim oppeto ullamcorper.
.bg-op-6 + .bg-blue Decet molior nunc pertineo sino sit tincidunt virtus ymo.
.bg-op-7 + .bg-blue Acsi eu feugiat modo oppeto volutpat.
.bg-op-8 + .bg-blue Macto magna scisco vereor.
.bg-op-9 + .bg-blue Acsi commodo consectetuer gravis lobortis luctus quidem saepius tego voco.
.bg-op-1 + .bg-purple Aliquip autem caecus in interdico jumentum nimis nostrud praemitto tation.
.bg-op-2 + .bg-purple Bene letalis quidne sino tincidunt veniam virtus.
.bg-op-3 + .bg-purple Consectetuer et imputo usitas.
.bg-op-4 + .bg-purple Appellatio autem os ullamcorper vicis.
.bg-op-5 + .bg-purple Ea iustum qui roto venio.
.bg-op-6 + .bg-purple Abluo amet iaceo quia tamen tincidunt ut volutpat.
.bg-op-7 + .bg-purple At capto cogo comis meus natu valde vicis.
.bg-op-8 + .bg-purple Adipiscing iriure molior paulatim refero similis vicis zelus.
.bg-op-9 + .bg-purple Abico iaceo persto. Consequat gravis jugis magna proprius tincidunt.
.bg-op-1 + .bg-pink Abluo ea letalis premo ullamcorper vulpes.
.bg-op-2 + .bg-pink Elit minim nimis praemitto turpis.
.bg-op-3 + .bg-pink Abdo autem gemino hos importunus jus occuro secundum vicis.
.bg-op-4 + .bg-pink Adipiscing eros ideo immitto vicis.
.bg-op-5 + .bg-pink Abigo bene eros melior olim paulatim saepius usitas uxor.
.bg-op-6 + .bg-pink Abdo dolor pertineo refoveo sino vero.
.bg-op-7 + .bg-pink Fere ille natu. Neo similis ulciscor vulpes.
.bg-op-8 + .bg-pink Amet exputo humo importunus interdico nutus plaga typicus.
.bg-op-9 + .bg-pink Acsi brevitas consectetuer molior quis ymo.
.bg-op-1 + .bg-orange Erat letalis pagus quae torqueo turpis.
.bg-op-2 + .bg-orange Dolor neo quae. Camur iusto jumentum loquor nibh os persto probo singularis voco.
.bg-op-3 + .bg-orange Accumsan autem defui elit laoreet lucidus macto nutus pertineo.
.bg-op-4 + .bg-orange Damnum dignissim hendrerit magna nimis praesent.
.bg-op-5 + .bg-orange Abico hendrerit inhibeo jus mos nostrud premo probo valetudo veniam.
.bg-op-6 + .bg-orange Capto immitto jumentum si singularis vulputate.
.bg-op-7 + .bg-orange Aliquip comis commoveo eros interdico mos wisi.
.bg-op-8 + .bg-orange Feugiat importunus in metuo molior obruo tamen ullamcorper vicis vulpes.
.bg-op-9 + .bg-orange Adipiscing causa consectetuer duis pecus pneum si venio.
.bg-op-1 + .bg-lime Accumsan dolus fere feugiat jus minim nimis pneum sino utinam.
.bg-op-2 + .bg-lime At loquor natu. Eu nobis tamen vereor voco volutpat wisi.
.bg-op-3 + .bg-lime Eu feugiat melior neque nulla pecus refoveo utrum vindico.
.bg-op-4 + .bg-lime Autem eligo ille melior nimis nostrud persto sudo.
.bg-op-5 + .bg-lime Dignissim genitus iusto minim patria premo.
.bg-op-6 + .bg-lime Genitus lobortis refero. Cui elit eros et paulatim praemitto quidem quidne roto.
.bg-op-7 + .bg-lime Causa distineo quibus similis tum.
.bg-op-8 + .bg-lime Comis esse facilisi iaceo pagus praesent roto wisi.
.bg-op-9 + .bg-lime Abigo abluo dolor ibidem macto nibh refoveo saluto vindico.
.bg-op-1 + .bg-blue-dark Causa commodo praesent sed sit suscipere vereor.
.bg-op-2 + .bg-blue-dark Abbas gemino importunus laoreet nimis quibus roto singularis vel.
.bg-op-3 + .bg-blue-dark Aptent melior neo quibus ratis ut uxor.
.bg-op-4 + .bg-blue-dark Loquor persto populus virtus.
.bg-op-5 + .bg-blue-dark Aliquip brevitas capto hendrerit nulla secundum.
.bg-op-6 + .bg-blue-dark Commoveo distineo duis hos ludus obruo oppeto.
.bg-op-7 + .bg-blue-dark At commoveo dolore ea fere ibidem mos nimis sagaciter vicis.
.bg-op-8 + .bg-blue-dark Hendrerit metuo nulla quae saepius sit tego.
.bg-op-9 + .bg-blue-dark Blandit defui natu nibh tum validus venio vulpes wisi.
.bg-op-1 + .bg-red-dark Camur hos os roto scisco.
.bg-op-2 + .bg-red-dark Appellatio aptent dignissim erat molior pala velit volutpat.
.bg-op-3 + .bg-red-dark Defui gravis letalis luptatum populus quae vel.
.bg-op-4 + .bg-red-dark Illum iustum pneum suscipit veniam.
.bg-op-5 + .bg-red-dark Dolor elit incassum quibus refoveo.
.bg-op-6 + .bg-red-dark Bene camur eu hendrerit obruo similis.
.bg-op-7 + .bg-red-dark Augue decet eu humo ludus proprius qui saepius saluto sed.
.bg-op-8 + .bg-red-dark Adipiscing natu oppeto. Aliquam causa loquor.
.bg-op-9 + .bg-red-dark Dolus erat importunus laoreet ludus modo praesent.
.bg-op-1 + .bg-brown Bene decet mauris olim patria plaga quae quia tincidunt voco.
.bg-op-2 + .bg-brown Diam nostrud premo quidem.
.bg-op-3 + .bg-brown Capto duis illum metuo occuro suscipit tamen.
.bg-op-4 + .bg-brown Abico ea ille importunus neo obruo probo veniam.
.bg-op-5 + .bg-brown Ea feugiat pneum turpis ut.
.bg-op-6 + .bg-brown Consequat decet et feugiat immitto ludus macto probo sudo ulciscor.
.bg-op-7 + .bg-brown Abluo aliquam dignissim distineo humo lucidus minim venio wisi.
.bg-op-8 + .bg-brown Duis modo vel. Appellatio camur causa consequat damnum dolor humo te venio.
.bg-op-9 + .bg-brown Erat iaceo molior tincidunt ulciscor verto.
.bg-op-1 + .bg-cyan-dark Camur consectetuer ibidem iriure letalis natu refero tamen turpis.
.bg-op-2 + .bg-cyan-dark Augue cui distineo ea exputo oppeto quis torqueo usitas.
.bg-op-3 + .bg-cyan-dark Acsi incassum qui typicus usitas.
.bg-op-4 + .bg-cyan-dark Diam elit metuo quadrum quidne sagaciter tego utrum validus.
.bg-op-5 + .bg-cyan-dark Aliquip augue exerci mauris refoveo.
.bg-op-6 + .bg-cyan-dark Brevitas duis ea enim exputo suscipere utrum.
.bg-op-7 + .bg-cyan-dark Augue blandit erat magna quis.
.bg-op-8 + .bg-cyan-dark Damnum decet eligo odio similis suscipere verto vicis.
.bg-op-9 + .bg-cyan-dark Aliquam commodo duis exputo luctus neque praemitto vel.
.bg-op-1 + .bg-yellow Caecus commoveo esca importunus melior natu odio.
.bg-op-2 + .bg-yellow Aptent eros mauris qui.
.bg-op-3 + .bg-yellow Abigo caecus dolus gemino minim pala persto quia quis vereor.
.bg-op-4 + .bg-yellow Genitus illum imputo macto paratus pneum qui.
.bg-op-5 + .bg-yellow Brevitas exerci ideo lenis ludus typicus ulciscor.
.bg-op-6 + .bg-yellow Jus molior mos saluto.
.bg-op-7 + .bg-yellow Acsi causa commodo dolus lobortis odio persto te ut.
.bg-op-8 + .bg-yellow Antehabeo facilisis hendrerit luptatum minim verto vicis ymo.
.bg-op-9 + .bg-yellow Amet duis iaceo neo pertineo sed torqueo.
.bg-op-1 + .bg-slate Abdo cogo humo oppeto.
.bg-op-2 + .bg-slate Antehabeo gemino genitus luctus plaga sudo voco.
.bg-op-3 + .bg-slate Accumsan ad adipiscing decet ideo jugis qui refero.
.bg-op-4 + .bg-slate Inhibeo obruo quidem singularis venio.
.bg-op-5 + .bg-slate Os pertineo sed vulpes.
.bg-op-6 + .bg-slate Commoveo enim nobis nostrud paratus pneum proprius quidne veniam vindico.
.bg-op-7 + .bg-slate Consectetuer conventio dolor ideo imputo jumentum nobis paratus ut.
.bg-op-8 + .bg-slate Abluo aptent commoveo damnum tincidunt valde.
.bg-op-9 + .bg-slate Consequat jumentum lenis nisl tincidunt ullamcorper wisi.
.bg-op-1 + .bg-olive Damnum minim quadrum. Abico aptent odio.
.bg-op-2 + .bg-olive Feugiat inhibeo nunc pertineo.
.bg-op-3 + .bg-olive Commoveo eu haero probo refero sagaciter secundum usitas velit ymo.
.bg-op-4 + .bg-olive Immitto mauris pagus torqueo veniam.
.bg-op-5 + .bg-olive Aliquip hos scisco. Abbas amet antehabeo pagus patria qui quidne refero tego.
.bg-op-6 + .bg-olive Abbas abdo augue capto diam luctus nulla wisi zelus.
.bg-op-7 + .bg-olive Appellatio erat gravis incassum macto meus sino vero.
.bg-op-8 + .bg-olive Aliquam cui euismod humo lobortis nibh proprius roto volutpat.
.bg-op-9 + .bg-olive Appellatio commodo enim exerci huic letalis quia valetudo.
.bg-op-1 + .bg-teal Consectetuer duis genitus jugis laoreet lenis praesent utinam vero.
.bg-op-2 + .bg-teal Caecus hos ludus neo nobis singularis tego valetudo velit vulputate.
.bg-op-3 + .bg-teal Abbas commoveo damnum sino.
.bg-op-4 + .bg-teal Bene damnum utinam utrum.
.bg-op-5 + .bg-teal Neo nobis tation uxor.
.bg-op-6 + .bg-teal Damnum importunus lucidus obruo paratus scisco.
.bg-op-7 + .bg-teal Camur causa comis damnum lobortis loquor volutpat.
.bg-op-8 + .bg-teal Aliquip ea eligo persto.
.bg-op-9 + .bg-teal Abico conventio ideo lobortis ludus nostrud populus premo quadrum.
.bg-op-1 + .bg-green-bright Dignissim obruo secundum si sit uxor ymo.
.bg-op-2 + .bg-green-bright Comis damnum ex humo molior persto veniam venio vulputate.
.bg-op-3 + .bg-green-bright Mos nisl tamen. Abico facilisis iaceo luptatum magna quis veniam.
.bg-op-4 + .bg-green-bright Jugis jus mauris quidne quis.
.bg-op-5 + .bg-green-bright Lobortis oppeto paulatim quia.
.bg-op-6 + .bg-green-bright Erat eum minim sed ut.
.bg-op-7 + .bg-green-bright Aptent dolor dolus eum quis secundum utrum valde.
.bg-op-8 + .bg-green-bright Decet gemino hos olim oppeto paratus probo tamen torqueo utinam.
.bg-op-9 + .bg-green-bright Eu mauris pertineo velit.
Border Colours
There are also a number of border colour classes which an elements bordered colour to be set.
You can set thicker borders using the
border-w-(2-5) classes.
You can also remove borders using the
border-0 and
border-SIDE-0 classes.
Border Colour Opacity
Control border colour opacity using the
.border-op-(1-9) classes for ultimate control over border colours.
.border-op-1 + .border-primary
.border-op-2 + .border-primary
.border-op-3 + .border-primary
.border-op-4 + .border-primary
.border-op-5 + .border-primary
.border-op-6 + .border-primary
.border-op-7 + .border-primary
.border-op-8 + .border-primary
.border-op-9 + .border-primary
.border-op-1 + .border-info
.border-op-2 + .border-info
.border-op-3 + .border-info
.border-op-4 + .border-info
.border-op-5 + .border-info
.border-op-6 + .border-info
.border-op-7 + .border-info
.border-op-8 + .border-info
.border-op-9 + .border-info
.border-op-1 + .border-success
.border-op-2 + .border-success
.border-op-3 + .border-success
.border-op-4 + .border-success
.border-op-5 + .border-success
.border-op-6 + .border-success
.border-op-7 + .border-success
.border-op-8 + .border-success
.border-op-9 + .border-success
.border-op-1 + .border-warning
.border-op-2 + .border-warning
.border-op-3 + .border-warning
.border-op-4 + .border-warning
.border-op-5 + .border-warning
.border-op-6 + .border-warning
.border-op-7 + .border-warning
.border-op-8 + .border-warning
.border-op-9 + .border-warning
.border-op-1 + .border-danger
.border-op-2 + .border-danger
.border-op-3 + .border-danger
.border-op-4 + .border-danger
.border-op-5 + .border-danger
.border-op-6 + .border-danger
.border-op-7 + .border-danger
.border-op-8 + .border-danger
.border-op-9 + .border-danger
.border-op-1 + .border-grey
.border-op-2 + .border-grey
.border-op-3 + .border-grey
.border-op-4 + .border-grey
.border-op-5 + .border-grey
.border-op-6 + .border-grey
.border-op-7 + .border-grey
.border-op-8 + .border-grey
.border-op-9 + .border-grey
.border-op-1 + .border-grey-dark
.border-op-2 + .border-grey-dark
.border-op-3 + .border-grey-dark
.border-op-4 + .border-grey-dark
.border-op-5 + .border-grey-dark
.border-op-6 + .border-grey-dark
.border-op-7 + .border-grey-dark
.border-op-8 + .border-grey-dark
.border-op-9 + .border-grey-dark
.border-op-1 + .border-primary-faded
.border-op-2 + .border-primary-faded
.border-op-3 + .border-primary-faded
.border-op-4 + .border-primary-faded
.border-op-5 + .border-primary-faded
.border-op-6 + .border-primary-faded
.border-op-7 + .border-primary-faded
.border-op-8 + .border-primary-faded
.border-op-9 + .border-primary-faded
.border-op-1 + .border-primary-dark
.border-op-2 + .border-primary-dark
.border-op-3 + .border-primary-dark
.border-op-4 + .border-primary-dark
.border-op-5 + .border-primary-dark
.border-op-6 + .border-primary-dark
.border-op-7 + .border-primary-dark
.border-op-8 + .border-primary-dark
.border-op-9 + .border-primary-dark
.border-op-1 + .border-dark
.border-op-2 + .border-dark
.border-op-3 + .border-dark
.border-op-4 + .border-dark
.border-op-5 + .border-dark
.border-op-6 + .border-dark
.border-op-7 + .border-dark
.border-op-8 + .border-dark
.border-op-9 + .border-dark
.border-op-1 + .border-light
.border-op-2 + .border-light
.border-op-3 + .border-light
.border-op-4 + .border-light
.border-op-5 + .border-light
.border-op-6 + .border-light
.border-op-7 + .border-light
.border-op-8 + .border-light
.border-op-9 + .border-light
.border-op-1 + .border-green
.border-op-2 + .border-green
.border-op-3 + .border-green
.border-op-4 + .border-green
.border-op-5 + .border-green
.border-op-6 + .border-green
.border-op-7 + .border-green
.border-op-8 + .border-green
.border-op-9 + .border-green
.border-op-1 + .border-red
.border-op-2 + .border-red
.border-op-3 + .border-red
.border-op-4 + .border-red
.border-op-5 + .border-red
.border-op-6 + .border-red
.border-op-7 + .border-red
.border-op-8 + .border-red
.border-op-9 + .border-red
.border-op-1 + .border-blue
.border-op-2 + .border-blue
.border-op-3 + .border-blue
.border-op-4 + .border-blue
.border-op-5 + .border-blue
.border-op-6 + .border-blue
.border-op-7 + .border-blue
.border-op-8 + .border-blue
.border-op-9 + .border-blue
.border-op-1 + .border-purple
.border-op-2 + .border-purple
.border-op-3 + .border-purple
.border-op-4 + .border-purple
.border-op-5 + .border-purple
.border-op-6 + .border-purple
.border-op-7 + .border-purple
.border-op-8 + .border-purple
.border-op-9 + .border-purple
.border-op-1 + .border-pink
.border-op-2 + .border-pink
.border-op-3 + .border-pink
.border-op-4 + .border-pink
.border-op-5 + .border-pink
.border-op-6 + .border-pink
.border-op-7 + .border-pink
.border-op-8 + .border-pink
.border-op-9 + .border-pink
.border-op-1 + .border-orange
.border-op-2 + .border-orange
.border-op-3 + .border-orange
.border-op-4 + .border-orange
.border-op-5 + .border-orange
.border-op-6 + .border-orange
.border-op-7 + .border-orange
.border-op-8 + .border-orange
.border-op-9 + .border-orange
.border-op-1 + .border-lime
.border-op-2 + .border-lime
.border-op-3 + .border-lime
.border-op-4 + .border-lime
.border-op-5 + .border-lime
.border-op-6 + .border-lime
.border-op-7 + .border-lime
.border-op-8 + .border-lime
.border-op-9 + .border-lime
.border-op-1 + .border-blue-dark
.border-op-2 + .border-blue-dark
.border-op-3 + .border-blue-dark
.border-op-4 + .border-blue-dark
.border-op-5 + .border-blue-dark
.border-op-6 + .border-blue-dark
.border-op-7 + .border-blue-dark
.border-op-8 + .border-blue-dark
.border-op-9 + .border-blue-dark
.border-op-1 + .border-red-dark
.border-op-2 + .border-red-dark
.border-op-3 + .border-red-dark
.border-op-4 + .border-red-dark
.border-op-5 + .border-red-dark
.border-op-6 + .border-red-dark
.border-op-7 + .border-red-dark
.border-op-8 + .border-red-dark
.border-op-9 + .border-red-dark
.border-op-1 + .border-brown
.border-op-2 + .border-brown
.border-op-3 + .border-brown
.border-op-4 + .border-brown
.border-op-5 + .border-brown
.border-op-6 + .border-brown
.border-op-7 + .border-brown
.border-op-8 + .border-brown
.border-op-9 + .border-brown
.border-op-1 + .border-cyan-dark
.border-op-2 + .border-cyan-dark
.border-op-3 + .border-cyan-dark
.border-op-4 + .border-cyan-dark
.border-op-5 + .border-cyan-dark
.border-op-6 + .border-cyan-dark
.border-op-7 + .border-cyan-dark
.border-op-8 + .border-cyan-dark
.border-op-9 + .border-cyan-dark
.border-op-1 + .border-yellow
.border-op-2 + .border-yellow
.border-op-3 + .border-yellow
.border-op-4 + .border-yellow
.border-op-5 + .border-yellow
.border-op-6 + .border-yellow
.border-op-7 + .border-yellow
.border-op-8 + .border-yellow
.border-op-9 + .border-yellow
.border-op-1 + .border-slate
.border-op-2 + .border-slate
.border-op-3 + .border-slate
.border-op-4 + .border-slate
.border-op-5 + .border-slate
.border-op-6 + .border-slate
.border-op-7 + .border-slate
.border-op-8 + .border-slate
.border-op-9 + .border-slate
.border-op-1 + .border-olive
.border-op-2 + .border-olive
.border-op-3 + .border-olive
.border-op-4 + .border-olive
.border-op-5 + .border-olive
.border-op-6 + .border-olive
.border-op-7 + .border-olive
.border-op-8 + .border-olive
.border-op-9 + .border-olive
.border-op-1 + .border-teal
.border-op-2 + .border-teal
.border-op-3 + .border-teal
.border-op-4 + .border-teal
.border-op-5 + .border-teal
.border-op-6 + .border-teal
.border-op-7 + .border-teal
.border-op-8 + .border-teal
.border-op-9 + .border-teal
.border-op-1 + .border-green-bright
.border-op-2 + .border-green-bright
.border-op-3 + .border-green-bright
.border-op-4 + .border-green-bright
.border-op-5 + .border-green-bright
.border-op-6 + .border-green-bright
.border-op-7 + .border-green-bright
.border-op-8 + .border-green-bright
.border-op-9 + .border-green-bright