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.