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 Abluo amet dolore facilisi nobis similis sudo.
.text-primary Abbas abigo ex lenis nulla plaga tincidunt ulciscor.
.text-info Commodo distineo gilvus nisl paulatim quidem verto.
.text-success Antehabeo letalis patria vulputate. Feugiat gravis huic iusto mos praesent scisco venio.
.text-warning Abigo damnum euismod feugiat gilvus interdico luctus populus quidne tum.
.text-danger Blandit duis eum incassum ludus metuo patria tum vicis voco.
.text-white Bene distineo gilvus meus paratus. Abluo esca iusto letalis modo quadrum secundum si.
.text-dark Exerci immitto incassum pneum premo sagaciter sino vel.
.text-light Molior nostrud saluto. Abigo damnum similis torqueo zelus.
.text-grey Blandit camur imputo loquor patria valde vicis volutpat.
.text-grey-dark Defui dolor illum pertineo qui. Amet interdico luctus melior utinam verto.
.text-primary-faded Antehabeo erat ludus praesent proprius quadrum saepius venio ymo.
.text-primary-dark Caecus conventio paulatim quidem sino valetudo virtus.
.text-green Consequat meus pecus. Abico consectetuer erat hendrerit jumentum letalis meus tum zelus.
.text-red Defui lobortis qui saluto velit. Adipiscing gemino mos pneum tego.
.text-blue Conventio iriure iustum mos valetudo verto.
.text-purple Caecus iusto lenis metuo singularis. Amet comis eligo euismod te typicus vero.
.text-pink Iaceo praesent refoveo valde. Accumsan acsi aliquip distineo jugis natu premo.
.text-orange Gravis ibidem macto mos pecus quia.
.text-lime At fere gravis inhibeo minim olim suscipit.
.text-blue-dark Defui gilvus iaceo ideo nunc probo quae vulpes ymo.
.text-red-dark Aliquip causa inhibeo populus ratis saluto vulpes.
.text-brown Amet ex patria roto sit velit.
.text-cyan-dark Bene cogo praesent saluto tamen vero ymo.
.text-yellow Defui dolus et gemino iustum modo patria quidem vereor voco.
.text-slate Acsi aliquip inhibeo nostrud vel zelus.
.text-olive Aptent interdico saluto tego ut. Dignissim erat esca euismod nutus patria praemitto refero saepius sed.
.text-teal Aptent cogo eum nostrud patria. Euismod lucidus sit uxor virtus ymo.
.text-green-bright Et inhibeo mos odio probo quidne quis tation te tego.
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 Conventio distineo esca proprius. Abdo eros luptatum saepius vel.
.bg-grey Eum facilisi interdico neo paratus tation.
.bg-grey-dark Bene nunc valde. Aptent distineo importunus jus pagus plaga.
.bg-primary Cui imputo vulpes. Abluo amet cogo ibidem paulatim refero virtus vulpes.
.bg-primary-faded Capto ea nisl olim venio. Esca probo zelus.
.bg-primary-dark Capto saluto turpis ullamcorper. Augue ibidem importunus modo paulatim typicus valde.
.bg-info Camur erat esse importunus praemitto saluto sino vereor vicis.
.bg-success Accumsan ea letalis mos nibh nostrud refoveo ut.
.bg-warning Dignissim imputo pertineo te vero. Augue ea gravis obruo.
.bg-danger Abigo enim minim patria pneum qui singularis sino virtus.
.bg-dark Jumentum letalis persto praesent quae torqueo turpis validus.
.bg-light Dolore metuo nisl quadrum roto similis ulciscor.
.bg-shadow Eum quae suscipere tamen te. Camur cui enim in olim suscipit virtus.
.bg-gradient Abdo jus quia tego tincidunt turpis.
.bg-gradient-flip Amet consequat distineo humo saluto ymo.
.bg-green Caecus commoveo duis facilisis jus lenis lucidus mos te.
.bg-red Suscipere tincidunt vulputate. Abbas pagus vel.
.bg-blue Aptent luptatum mos pala probo quadrum valetudo.
.bg-purple Aliquip erat eum genitus hos in rusticus.
.bg-pink Abigo eu nisl nutus pagus si virtus.
.bg-orange Conventio laoreet turpis. Adipiscing natu vero.
.bg-lime Erat modo tum velit vindico zelus.
.bg-blue-dark Gemino ideo interdico pecus proprius vindico virtus.
.bg-red-dark Ex humo populus valetudo. Abdo brevitas cogo damnum iaceo premo refoveo suscipit turpis wisi.
.bg-brown Bene ideo loquor patria secundum. Abluo dolus laoreet obruo os suscipit tego ut virtus vulpes.
.bg-cyan-dark Accumsan dignissim eligo exputo os saepius sudo utrum.
.bg-yellow Loquor luctus nibh obruo odio suscipere.
.bg-slate Dolor dolore esca importunus jus lucidus singularis.
.bg-olive Dolus probo ymo. Adipiscing aliquam feugiat haero jus nulla.
.bg-teal Abico ille quadrum suscipit voco. Augue camur causa consequat diam fere imputo pertineo voco.
.bg-green-bright Augue caecus ex luctus luptatum minim pertineo.
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 Abico capto meus suscipere suscipit zelus.
.bg-op-2 + .bg-faded Dolus et minim praesent quadrum utinam.
.bg-op-3 + .bg-faded Commodo duis probo refoveo voco.
.bg-op-4 + .bg-faded Abbas importunus jus probo.
.bg-op-5 + .bg-faded Elit iriure neo qui ut.
.bg-op-6 + .bg-faded Genitus qui ullamcorper. Imputo iriure iusto olim utinam.
.bg-op-7 + .bg-faded Caecus damnum decet in obruo paratus paulatim persto plaga populus.
.bg-op-8 + .bg-faded Abigo camur cui humo jus probo proprius sino utinam velit.
.bg-op-9 + .bg-faded Augue capto paratus. Appellatio brevitas populus tamen.
.bg-op-1 + .bg-grey Brevitas hos magna melior olim saepius suscipere valde vindico.
.bg-op-2 + .bg-grey Camur utrum voco. Importunus luctus magna nimis.
.bg-op-3 + .bg-grey Neque refoveo usitas. Decet exputo proprius sit suscipit vel vindico.
.bg-op-4 + .bg-grey Consectetuer dolor ideo valetudo vulpes.
.bg-op-5 + .bg-grey Abico camur in laoreet lobortis nutus probo utinam voco.
.bg-op-6 + .bg-grey Amet defui eros sudo tum valde.
.bg-op-7 + .bg-grey Abbas abluo antehabeo damnum exputo hendrerit mauris neque persto premo.
.bg-op-8 + .bg-grey Abico abigo defui haero iriure loquor patria utrum veniam.
.bg-op-9 + .bg-grey Aliquip camur nostrud sagaciter te valetudo vulpes.
.bg-op-1 + .bg-grey-dark Appellatio jus quis saepius si tum.
.bg-op-2 + .bg-grey-dark Hos iaceo ideo letalis olim plaga suscipit valetudo.
.bg-op-3 + .bg-grey-dark Consectetuer imputo premo sagaciter.
.bg-op-4 + .bg-grey-dark Abico duis eros humo mos quidem turpis verto.
.bg-op-5 + .bg-grey-dark Adipiscing erat eros gemino importunus macto melior quis vindico.
.bg-op-6 + .bg-grey-dark Abdo accumsan acsi dolor hendrerit iaceo laoreet loquor quadrum vero.
.bg-op-7 + .bg-grey-dark Dignissim neque nobis pecus pneum.
.bg-op-8 + .bg-grey-dark Abluo immitto molior quis.
.bg-op-9 + .bg-grey-dark Ad autem exputo nibh olim torqueo tum vicis.
.bg-op-1 + .bg-primary Capto diam dolor inhibeo letalis metuo obruo saepius.
.bg-op-2 + .bg-primary Comis esca nunc. Euismod mauris valde.
.bg-op-3 + .bg-primary Esse imputo olim roto saepius secundum sino suscipit turpis vereor.
.bg-op-4 + .bg-primary Abico velit venio vicis.
.bg-op-5 + .bg-primary Aliquip comis diam distineo dolus humo iaceo inhibeo.
.bg-op-6 + .bg-primary At eligo esca iriure metuo nostrud pagus quadrum vero ymo.
.bg-op-7 + .bg-primary Abigo camur consequat duis importunus utrum.
.bg-op-8 + .bg-primary Abluo iaceo si. Exerci jumentum loquor pagus praemitto vindico.
.bg-op-9 + .bg-primary Gemino nutus utrum. Antehabeo magna pneum.
.bg-op-1 + .bg-primary-faded Adipiscing damnum nisl persto tamen velit.
.bg-op-2 + .bg-primary-faded Augue cogo commoveo feugiat persto praemitto.
.bg-op-3 + .bg-primary-faded Gilvus iusto jugis quis te.
.bg-op-4 + .bg-primary-faded Autem ibidem luptatum nobis paratus quidem quis rusticus valetudo verto.
.bg-op-5 + .bg-primary-faded Acsi diam lenis praesent uxor vulputate.
.bg-op-6 + .bg-primary-faded Cui ea genitus jugis ludus.
.bg-op-7 + .bg-primary-faded Abico aptent capto dolus ea imputo lobortis refero verto ymo.
.bg-op-8 + .bg-primary-faded Esse refero saluto. Ad aptent ibidem lobortis pala sagaciter vulpes.
.bg-op-9 + .bg-primary-faded Esca genitus gravis importunus luptatum modo proprius valetudo.
.bg-op-1 + .bg-primary-dark Adipiscing aliquam letalis pecus praemitto.
.bg-op-2 + .bg-primary-dark Abico damnum elit eu olim probo ut utrum vulpes vulputate.
.bg-op-3 + .bg-primary-dark Eligo gilvus molior pneum.
.bg-op-4 + .bg-primary-dark Abico diam et ibidem pertineo plaga valetudo validus.
.bg-op-5 + .bg-primary-dark Conventio cui importunus quidem vero.
.bg-op-6 + .bg-primary-dark Iustum jugis mauris patria.
.bg-op-7 + .bg-primary-dark Accumsan comis praemitto veniam.
.bg-op-8 + .bg-primary-dark Euismod letalis patria qui.
.bg-op-9 + .bg-primary-dark Autem dolore dolus genitus luptatum similis utinam vindico.
.bg-op-1 + .bg-info Bene jumentum lucidus ludus pertineo secundum te.
.bg-op-2 + .bg-info Cogo commoveo damnum eligo olim praemitto.
.bg-op-3 + .bg-info Accumsan appellatio augue iriure nunc pneum roto scisco suscipit vicis.
.bg-op-4 + .bg-info Abluo caecus et exerci jumentum refero saepius usitas valde zelus.
.bg-op-5 + .bg-info Abluo capto commodo eligo hos nulla quis si suscipit.
.bg-op-6 + .bg-info Et exputo inhibeo magna occuro qui.
.bg-op-7 + .bg-info Defui et ex luptatum modo praemitto quia sagaciter sudo torqueo.
.bg-op-8 + .bg-info In jus persto plaga venio.
.bg-op-9 + .bg-info Abbas abdo commodo eligo nunc olim proprius singularis.
.bg-op-1 + .bg-success Eros feugiat proprius qui.
.bg-op-2 + .bg-success Accumsan aliquam et nutus saepius singularis vindico.
.bg-op-3 + .bg-success Eu exerci nimis paratus quibus suscipere tation vel veniam.
.bg-op-4 + .bg-success Bene in jugis macto metuo proprius torqueo.
.bg-op-5 + .bg-success Caecus fere metuo molior verto.
.bg-op-6 + .bg-success Gravis quis roto. Acsi at caecus iusto letalis loquor nisl scisco utinam.
.bg-op-7 + .bg-success Consequat defui elit letalis natu nimis paratus quia.
.bg-op-8 + .bg-success Augue autem bene haero illum meus utrum.
.bg-op-9 + .bg-success Camur hos ideo patria.
.bg-op-1 + .bg-warning Duis magna odio patria torqueo.
.bg-op-2 + .bg-warning Blandit euismod melior pertineo praesent.
.bg-op-3 + .bg-warning Autem cui euismod feugiat incassum iriure paulatim ulciscor.
.bg-op-4 + .bg-warning Ex gravis oppeto pecus.
.bg-op-5 + .bg-warning Appellatio diam facilisis persto probo qui.
.bg-op-6 + .bg-warning Commoveo eu macto natu quidem typicus.
.bg-op-7 + .bg-warning Ibidem nulla nunc paratus sudo volutpat.
.bg-op-8 + .bg-warning Brevitas camur hendrerit wisi.
.bg-op-9 + .bg-warning Capto commoveo esse fere natu nibh nostrud pecus venio.
.bg-op-1 + .bg-danger Lobortis saepius vicis. Amet appellatio at damnum esse voco.
.bg-op-2 + .bg-danger Adipiscing gravis mos valetudo vulpes.
.bg-op-3 + .bg-danger Abigo fere gemino meus modo probo sed.
.bg-op-4 + .bg-danger Melior nimis praesent vereor vulpes.
.bg-op-5 + .bg-danger Capto immitto quadrum quibus tum ullamcorper veniam.
.bg-op-6 + .bg-danger Consequat decet venio. Abluo causa elit euismod mauris pagus quae.
.bg-op-7 + .bg-danger Aliquam jumentum natu pertineo tation.
.bg-op-8 + .bg-danger Erat ideo lenis nutus plaga tation ut.
.bg-op-9 + .bg-danger Consectetuer pagus zelus. Abigo molior singularis ymo.
.bg-op-1 + .bg-dark Macto pagus pala paulatim.
.bg-op-2 + .bg-dark Euismod fere neo ymo.
.bg-op-3 + .bg-dark Ideo interdico luctus mauris quae singularis.
.bg-op-4 + .bg-dark Meus neo nimis pertineo sudo.
.bg-op-5 + .bg-dark Causa enim facilisis loquor nostrud suscipit tum turpis usitas velit.
.bg-op-6 + .bg-dark Cogo damnum diam esca nisl rusticus ulciscor valetudo validus.
.bg-op-7 + .bg-dark Aptent imputo laoreet nobis scisco.
.bg-op-8 + .bg-dark Capto consequat scisco. Commoveo imputo nostrud secundum sed virtus.
.bg-op-9 + .bg-dark Augue damnum gravis interdico macto mos sagaciter sudo tum vulputate.
.bg-op-1 + .bg-light Commodo hos incassum nobis pecus singularis suscipere te.
.bg-op-2 + .bg-light Dolus gilvus huic modo nisl nobis saepius validus vel.
.bg-op-3 + .bg-light Interdico loquor quibus utrum.
.bg-op-4 + .bg-light Capto dolore in meus.
.bg-op-5 + .bg-light Damnum enim eu obruo.
.bg-op-6 + .bg-light Adipiscing hendrerit ille iusto nimis nostrud sit vulpes.
.bg-op-7 + .bg-light Consectetuer elit esca metuo persto pertineo qui refero tincidunt ymo.
.bg-op-8 + .bg-light Gemino hos praesent. Aliquam erat eum feugiat lucidus pala premo usitas.
.bg-op-9 + .bg-light Melior molior pertineo. Dolus humo imputo odio volutpat.
.bg-op-1 + .bg-gradient Abbas aliquam eu illum oppeto premo quae refero turpis virtus.
.bg-op-2 + .bg-gradient Dolus duis esca gilvus oppeto populus turpis uxor.
.bg-op-3 + .bg-gradient Camur conventio dolus jugis laoreet rusticus sit.
.bg-op-4 + .bg-gradient Dolor fere hos luctus nimis oppeto pala quadrum saepius turpis.
.bg-op-5 + .bg-gradient Nutus premo veniam. Eu feugiat ideo interdico suscipit wisi.
.bg-op-6 + .bg-gradient Appellatio esse imputo inhibeo scisco.
.bg-op-7 + .bg-gradient Eros letalis sino ullamcorper vereor.
.bg-op-8 + .bg-gradient Abdo amet capto erat feugiat gravis incassum qui quis.
.bg-op-9 + .bg-gradient Augue commoveo ille iriure jumentum melior molior nisl.
.bg-op-1 + .bg-gradient-flip Eu oppeto scisco tation valetudo.
.bg-op-2 + .bg-gradient-flip Conventio duis lenis obruo pala quadrum quibus velit venio.
.bg-op-3 + .bg-gradient-flip Decet meus nibh nobis ulciscor vulpes.
.bg-op-4 + .bg-gradient-flip Abico caecus diam nostrud populus premo sit.
.bg-op-5 + .bg-gradient-flip Lenis molior nisl obruo paratus rusticus suscipit venio ymo.
.bg-op-6 + .bg-gradient-flip Blandit haero nostrud ratis tation te tum utinam zelus.
.bg-op-7 + .bg-gradient-flip Abigo ex minim vel.
.bg-op-8 + .bg-gradient-flip Cogo decet ideo iriure nulla nutus refero.
.bg-op-9 + .bg-gradient-flip Hendrerit quidne validus. Abluo aliquam cui elit patria paulatim velit ymo.
.bg-op-1 + .bg-green Aliquam amet appellatio conventio imputo jugis nibh saluto valde.
.bg-op-2 + .bg-green Abico cogo ea genitus melior nulla sino.
.bg-op-3 + .bg-green Illum pecus tego. Antehabeo commoveo fere ibidem ideo imputo nimis ratis.
.bg-op-4 + .bg-green Ad commoveo damnum humo patria verto vicis.
.bg-op-5 + .bg-green Dolor lenis obruo. Dolor erat iaceo letalis lobortis meus pecus quae valde.
.bg-op-6 + .bg-green Abbas abluo cui eligo nutus os roto sit.
.bg-op-7 + .bg-green Abdo antehabeo capto secundum.
.bg-op-8 + .bg-green Capto distineo huic. Exputo haero ratis.
.bg-op-9 + .bg-green Humo immitto neque nibh populus saluto suscipit tego.
.bg-op-1 + .bg-red Esca usitas utinam velit vulpes wisi.
.bg-op-2 + .bg-red Mauris praemitto veniam. Commodo incassum luptatum pagus quia saluto.
.bg-op-3 + .bg-red Nibh ratis sino sudo.
.bg-op-4 + .bg-red Haero iustum nimis sudo.
.bg-op-5 + .bg-red Caecus ex ludus occuro qui singularis uxor.
.bg-op-6 + .bg-red Ille laoreet molior. Caecus iusto natu premo quidem singularis tincidunt tum.
.bg-op-7 + .bg-red Abdo damnum dolor ibidem jumentum molior plaga suscipere valetudo.
.bg-op-8 + .bg-red Commodo haero ille praesent similis usitas.
.bg-op-9 + .bg-red Caecus comis lobortis natu nostrud nutus os proprius te tego.
.bg-op-1 + .bg-blue Diam exputo incassum laoreet neque populus quidne roto valetudo vereor.
.bg-op-2 + .bg-blue Amet eros illum proprius.
.bg-op-3 + .bg-blue Accumsan aliquip amet appellatio consequat dolus eligo importunus inhibeo nunc.
.bg-op-4 + .bg-blue Aptent eum in. Appellatio conventio esse huic jus molior natu neque nibh veniam.
.bg-op-5 + .bg-blue Defui elit imputo luptatum scisco.
.bg-op-6 + .bg-blue Abluo duis fere persto praemitto scisco.
.bg-op-7 + .bg-blue Abluo enim nutus ulciscor virtus.
.bg-op-8 + .bg-blue Appellatio exerci magna mos roto.
.bg-op-9 + .bg-blue Abluo comis commodo damnum dolus pagus pertineo.
.bg-op-1 + .bg-purple Accumsan camur comis commoveo esca mauris natu paratus.
.bg-op-2 + .bg-purple Abbas abdo caecus defui mauris persto suscipere.
.bg-op-3 + .bg-purple Aliquam exputo ibidem luptatum paulatim pertineo proprius te.
.bg-op-4 + .bg-purple Feugiat jus tamen veniam.
.bg-op-5 + .bg-purple Dolor esse facilisi hendrerit humo nostrud quis tamen virtus.
.bg-op-6 + .bg-purple Amet jumentum jus pecus scisco.
.bg-op-7 + .bg-purple Caecus imputo neo pala.
.bg-op-8 + .bg-purple Aptent erat euismod meus ullamcorper validus volutpat.
.bg-op-9 + .bg-purple Abbas diam genitus jus metuo pagus tamen.
.bg-op-1 + .bg-pink Bene olim si. Accumsan eros jugis letalis natu pagus praemitto secundum.
.bg-op-2 + .bg-pink Brevitas facilisi letalis minim nutus secundum si singularis tation.
.bg-op-3 + .bg-pink Immitto mauris modo quibus sino ulciscor valde venio.
.bg-op-4 + .bg-pink Autem eum wisi. Ibidem ideo nutus vindico.
.bg-op-5 + .bg-pink Accumsan ex fere gravis in mauris nisl quia tation ymo.
.bg-op-6 + .bg-pink Gilvus lucidus molior nutus plaga rusticus uxor vereor verto.
.bg-op-7 + .bg-pink Abbas interdico lobortis quia turpis.
.bg-op-8 + .bg-pink Antehabeo erat eu inhibeo iustum neque turpis valde.
.bg-op-9 + .bg-pink Abluo autem pneum similis.
.bg-op-1 + .bg-orange Distineo esca eum ludus modo neo quia quidem.
.bg-op-2 + .bg-orange Appellatio camur elit lobortis melior nunc occuro olim proprius tum.
.bg-op-3 + .bg-orange Appellatio commoveo haero humo plaga utinam.
.bg-op-4 + .bg-orange Camur dolore huic jus mauris nunc pneum roto virtus.
.bg-op-5 + .bg-orange Commodo iriure meus os torqueo uxor voco ymo.
.bg-op-6 + .bg-orange Abdo aliquip conventio humo pagus patria quis.
.bg-op-7 + .bg-orange Decet dignissim eu paratus probo suscipere turpis.
.bg-op-8 + .bg-orange Abdo at commodo importunus lenis quidem tego.
.bg-op-9 + .bg-orange Appellatio illum neque occuro paratus.
.bg-op-1 + .bg-lime Abigo augue ex gilvus iaceo quibus singularis torqueo.
.bg-op-2 + .bg-lime Appellatio conventio dolore et euismod luptatum premo te turpis virtus.
.bg-op-3 + .bg-lime Camur dignissim ea hendrerit hos ideo praemitto proprius ymo.
.bg-op-4 + .bg-lime Abbas comis ludus nimis plaga refero.
.bg-op-5 + .bg-lime Bene erat facilisis fere interdico torqueo.
.bg-op-6 + .bg-lime Exerci metuo nostrud uxor.
.bg-op-7 + .bg-lime Abbas cogo humo praemitto saepius tum utinam vulputate.
.bg-op-8 + .bg-lime Cui feugiat hendrerit paulatim praemitto.
.bg-op-9 + .bg-lime Consectetuer exputo fere modo quia usitas.
.bg-op-1 + .bg-blue-dark Aliquip facilisis importunus odio pala saepius suscipere.
.bg-op-2 + .bg-blue-dark Capto minim olim plaga premo refero usitas velit.
.bg-op-3 + .bg-blue-dark Blandit similis velit. Dolus elit erat genitus lobortis mauris praemitto tego tum vicis.
.bg-op-4 + .bg-blue-dark Enim exputo hendrerit pagus valde.
.bg-op-5 + .bg-blue-dark Diam illum lobortis metuo si usitas.
.bg-op-6 + .bg-blue-dark Causa exputo scisco. Aliquam eligo gravis hendrerit minim paulatim typicus valde.
.bg-op-7 + .bg-blue-dark Imputo quae tincidunt voco.
.bg-op-8 + .bg-blue-dark Dolor importunus imputo iriure vicis.
.bg-op-9 + .bg-blue-dark Autem genitus odio praemitto quidem utrum.
.bg-op-1 + .bg-red-dark Antehabeo camur quae quidne secundum sed usitas verto vulpes.
.bg-op-2 + .bg-red-dark Defui exerci exputo hendrerit iusto melior nibh populus saluto typicus.
.bg-op-3 + .bg-red-dark Damnum ea similis. Brevitas importunus in iustum ratis rusticus.
.bg-op-4 + .bg-red-dark Et lobortis premo roto.
.bg-op-5 + .bg-red-dark Ad commoveo minim obruo ratis scisco ullamcorper vulpes.
.bg-op-6 + .bg-red-dark Dolore huic jumentum nisl suscipere torqueo ullamcorper ymo.
.bg-op-7 + .bg-red-dark Causa commoveo eum ideo nimis pecus vicis zelus.
.bg-op-8 + .bg-red-dark Brevitas caecus lenis magna quidne virtus.
.bg-op-9 + .bg-red-dark Diam euismod luctus olim os veniam.
.bg-op-1 + .bg-brown Patria tum turpis. Ex iriure jugis nulla nunc quibus.
.bg-op-2 + .bg-brown Abico exputo gemino ludus nibh quia.
.bg-op-3 + .bg-brown Blandit plaga saluto velit.
.bg-op-4 + .bg-brown Eu lucidus quidem roto validus vulpes.
.bg-op-5 + .bg-brown Aptent ex ille laoreet nibh premo sed singularis ulciscor.
.bg-op-6 + .bg-brown Enim occuro pneum populus refero saepius secundum turpis valetudo.
.bg-op-7 + .bg-brown Aptent illum loquor luctus meus nutus plaga singularis vulpes.
.bg-op-8 + .bg-brown Aliquip autem incassum pecus proprius quidne tation usitas virtus zelus.
.bg-op-9 + .bg-brown Appellatio decet illum interdico jugis lobortis nobis.
.bg-op-1 + .bg-cyan-dark Abico at dolus esca gemino.
.bg-op-2 + .bg-cyan-dark Abbas abluo adipiscing elit lucidus modo neo pecus sit.
.bg-op-3 + .bg-cyan-dark Abico abigo brevitas modo nimis obruo quae singularis.
.bg-op-4 + .bg-cyan-dark Commoveo consectetuer olim uxor.
.bg-op-5 + .bg-cyan-dark Abluo duis usitas. Cui gravis ideo.
.bg-op-6 + .bg-cyan-dark Ad consectetuer facilisi lenis populus probo sino sit volutpat.
.bg-op-7 + .bg-cyan-dark Ille jugis quae. Brevitas luctus nisl ymo.
.bg-op-8 + .bg-cyan-dark Abico capto esse facilisis imputo incassum probo sino tincidunt.
.bg-op-9 + .bg-cyan-dark Blandit consequat incassum magna plaga secundum.
.bg-op-1 + .bg-yellow Appellatio consectetuer venio. Dignissim natu pecus quia sed sudo.
.bg-op-2 + .bg-yellow Enim modo zelus. Abluo euismod ex lenis meus mos neque oppeto ullamcorper venio.
.bg-op-3 + .bg-yellow Appellatio dolor elit feugiat imputo magna meus tation ulciscor.
.bg-op-4 + .bg-yellow Duis eu nunc pagus.
.bg-op-5 + .bg-yellow Caecus duis inhibeo nunc praemitto te tego.
.bg-op-6 + .bg-yellow Ludus rusticus tamen valetudo vero.
.bg-op-7 + .bg-yellow Caecus ea gemino jumentum nostrud nutus utinam.
.bg-op-8 + .bg-yellow Damnum et natu odio olim pecus tego veniam.
.bg-op-9 + .bg-yellow Abigo commoveo illum. Haero jumentum nulla occuro oppeto plaga proprius ratis rusticus secundum.
.bg-op-1 + .bg-slate Dolus exerci typicus usitas.
.bg-op-2 + .bg-slate Ad eligo ex interdico ludus metuo premo tego ullamcorper.
.bg-op-3 + .bg-slate Camur diam magna pecus persto premo quidne wisi.
.bg-op-4 + .bg-slate Antehabeo lobortis molior ullamcorper vulpes.
.bg-op-5 + .bg-slate Abdo bene brevitas causa pecus sagaciter scisco.
.bg-op-6 + .bg-slate Eros esca melior refero.
.bg-op-7 + .bg-slate Aliquam facilisi haero iaceo minim nunc patria suscipere ullamcorper.
.bg-op-8 + .bg-slate Augue eros facilisis feugiat molior patria persto usitas.
.bg-op-9 + .bg-slate Appellatio commodo consequat ex facilisi quibus sagaciter tincidunt vulpes wisi.
.bg-op-1 + .bg-olive Abluo antehabeo importunus inhibeo nutus si volutpat vulputate.
.bg-op-2 + .bg-olive Natu nunc pecus tincidunt.
.bg-op-3 + .bg-olive Brevitas gravis huic obruo sit.
.bg-op-4 + .bg-olive Adipiscing elit eum iusto quadrum quia tation typicus verto zelus.
.bg-op-5 + .bg-olive Ideo os vel. Esse jugis mos paratus patria proprius quadrum sudo suscipere.
.bg-op-6 + .bg-olive Feugiat magna neo neque odio quia saepius voco.
.bg-op-7 + .bg-olive Abdo acsi damnum erat lenis macto quadrum vulputate wisi.
.bg-op-8 + .bg-olive Eu ille importunus lobortis vindico.
.bg-op-9 + .bg-olive Ad appellatio caecus commodo olim quia quibus utrum.
.bg-op-1 + .bg-teal Autem dolus genitus illum melior nunc patria quibus scisco.
.bg-op-2 + .bg-teal Capto dolus nibh persto populus saluto.
.bg-op-3 + .bg-teal Ea melior nulla sino.
.bg-op-4 + .bg-teal At comis diam ex interdico nulla turpis valetudo vereor.
.bg-op-5 + .bg-teal Camur exerci haero ille nostrud proprius ratis sino suscipere.
.bg-op-6 + .bg-teal Acsi neque voco. Bene defui dolore euismod laoreet loquor sagaciter.
.bg-op-7 + .bg-teal Dolus imputo iusto jugis ratis vereor wisi.
.bg-op-8 + .bg-teal Decet distineo nimis ratis tamen.
.bg-op-9 + .bg-teal Aptent eros iusto lenis ludus quidem quidne.
.bg-op-1 + .bg-green-bright Bene ideo nisl paratus praemitto proprius tamen uxor.
.bg-op-2 + .bg-green-bright Iustum loquor meus singularis.
.bg-op-3 + .bg-green-bright Abico hos interdico nunc premo.
.bg-op-4 + .bg-green-bright Autem iustum mauris neo praesent suscipere.
.bg-op-5 + .bg-green-bright Elit erat gemino hendrerit imputo interdico jugis luctus.
.bg-op-6 + .bg-green-bright Abico acsi adipiscing damnum nunc obruo paratus saluto venio vicis.
.bg-op-7 + .bg-green-bright Dolus feugiat iaceo incassum probo sino usitas uxor vindico vulputate.
.bg-op-8 + .bg-green-bright Amet comis cui in verto wisi.
.bg-op-9 + .bg-green-bright Aliquam appellatio camur esse exerci humo nutus typicus.
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