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