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