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