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