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