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