Doxy Theme

Doxy Theme

Helper classes


The Doxy theme has helper classes that you can use in the blocks, widgets, or where you need them.

Helper classes

Colors

  • dark – black color;
  • light – white color;
  • danger – red color;
  • success – green color;
  • warning – yellow color;
  • info – blue color

Classes for text:

  • has-text-primary
  • has-text-primary-light
  • has-text-primary-dark
  • has-text-dark
  • has-text-light
  • has-text-danger
  • has-text-success
  • has-text-warning
  • has-text-info

Classes for background:

  • has-background-primary
  • has-background-primary-light
  • has-background-primary-dark
  • has-background-dark
  • has-background-light
  • has-background-danger
  • has-background-success
  • has-background-warning
  • has-background-info

Radius:

  • has-radius-large – border radius 8px;
  • has-radius – border radius 4px;
  • has-radius-small – border radius 2px;
  • is-radiusless – border radius 0;

Width:

  • is-max-w-xs – max-width: 42rem;
  • is-max-w-sm – max-width: 48rem;
  • is-max-w-md – max-width: 56rem;
  • is-max-w-lg – max-width: 64rem;
  • is-max-w-xl – max-width: 72rem;
  • is-max-w-full – max-width: 100%.

Spacing

  • is-marginless – margin 0;
  • is-paddingless – padding 0;
  • m-auto – margin: auto;
  • mx-auto – margin-left and margin-right auto;
  • my-auto – margin-top and margin-bottom auto.

Other

  • is-sticky – position sticky;
  • has-shadow – add shadow to the element;
  • is-shadowless – box-shadow: none.