minominolyly

minolith is still alpha.

If you don't need to use `color` and `utilities`, you can use minolith-skelton.

If you want to use in React Project, you can use react-minolith

minominolyly

minolith is still alpha.

If you don't need to use `color` and `utilities`, you can use minolith-skelton.

If you want to use in React Project, you can use react-minolith

Installation

Use minolith Sass library

Install the NPM package

minolith is available through npm.

npm install minolith

Use minolith CSS

From CDN

You can import the CSS file directly from unpkg.com

<link rel="stylesheet" type="text/css" media="all" href="https://unpkg.com/minolith/dist/css/minolith.min.css" />

If you need to use `utilities`, you can use `minolith-utilities.css`.

<link rel="stylesheet" type="text/css" media="all" href="https://unpkg.com/minolith/dist/css/minolith-utilities.min.css" />

plain text.

layouts

columns

.column

.column-3

.column-2

.column-3

.column-2

.column-3

.column-2

.column

centering

.centering

container

.container

components

.badge

.badge .is-small

.badge .is-clickable

.badge .is-clickable [disabled]

.badge .is-gray .is-clickable

.badge .is-red .is-clickable

.badge .is-orange .is-clickable

.badge .is-yellow .is-clickable

.badge .is-green .is-clickable

.badge .is-cyan .is-clickable

.badge .is-blue .is-clickable

.badge .is-violet .is-clickable

.badge .is-magenta .is-clickable

.blockquote

.blockquote

.blockquote

.has-quote

.blockquote

.has-quote-before

.blockquote

.has-quote-after

.blockquote

.is-italic

.blockquote .is-primary

.blockquote .is-secondary

.blockquote .is-tertiary

.blockquote .is-gray

.blockquote .is-red

.blockquote .is-orange

.blockquote .is-yellow

.blockquote .is-green

.blockquote .is-cyan

.blockquote .is-blue

.blockquote .is-violet

.blockquote .is-magenta

.breadcrumbs

.button

.card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

footer

.card . is-gray

footer

.card .is-red

footer

.card .is-coral

footer

.card .is-orange

footer

.card .is-yellow

footer

.card .is-lime

footer

.card .is-green

footer

.card .is-cyan

footer

.card .is-blue

footer

.card .is-violet

footer

.card .is-magenta

footer

.description-list

.description-term: .description-details
.description-term: .description-details

.description-term: .description-details
.description-term: .description-details

.dialogue

.dialogue .is-left

.dialogue

.dialogue .is-left .is-gray

.dialogue

.dialogue .is-left .is-red

.dialogue

.dialogue .is-left .is-coral

.dialogue

.dialogue .is-left .is-orange

.dialogue

.dialogue .is-left .is-yellow

.dialogue

.dialogue .is-left .is-lime

.dialogue

.dialogue .is-left .is-green

.dialogue

.dialogue .is-left .is-cyan

.dialogue

.dialogue .is-left .is-blue

.dialogue

.dialogue .is-left .is-violet

.dialogue

.dialogue .is-left .is-magenta

.figure

this is figure

.figure .is-red

.figure .is-coral

.figure .is-orange

.heading

.heading-1

.heading-2

.heading-3

.heading-4

.heading-5

.heading-6

.link

.link [disabled]

.link .is-gray

.link .is-red

.link .is-orange

.link .is-yellow

.link .is-green

.link .is-cyan

.link .is-blue

.link .is-violet

.link .is-magenta

.label

.label .is-gray

.label .is-red

.label .is-orange

.label .is-yellow

.label .is-green

.label .is-cyan

.label .is-blue

.label .is-violet

.label .is-magenta

.list

.ordered-list-item
.ordered-list-item

.unordered-list-item
.unordered-list-item

.input

.input checkbox

.input radio

.loader

.progress

.message

.message .is-gray

.message .is-red

.message .is-coral

.message .is-orange

.message .is-yellow

.message .is-lime

.message .is-green

.message .is-cyan

.message .is-blue

.message .is-violet

.message .is-magenta

dialogue

User

accordion-summary

accordion-details

backgrounds

dot

gingham

rhombus

stripe

zigzag

utilities

typography

.italic

.oblique

.capitalized

.lowercase

.uppercase

.text-align-left

.text-align-right

.text-align-center

.text-align-unset

.white-space-nowrap

.font-size-xsmall

.font-size-small

.font-size-normal

.font-size-medium

.font-size-large

.font-size-xlarge

.font-size-xxlarge

.font-size-xxxlarge

.font-size-xxxxlarge

.font-size-xxxxxlarge

color

.forecolor-gray-05

.forecolor-gray-10

.forecolor-gray-15

.forecolor-gray-20

.forecolor-gray-25

.forecolor-gray-30

.forecolor-gray-35

.forecolor-gray-40

.forecolor-gray-45

.forecolor-gray-50

.forecolor-gray-55

.forecolor-gray-60

.forecolor-gray-65

.forecolor-gray-70

.forecolor-gray-75

.forecolor-gray-80

.forecolor-gray-85

.forecolor-gray-90

.forecolor-gray-95

.forecolor-red-05

.forecolor-red-10

.forecolor-red-15

.forecolor-red-20

.forecolor-red-25

.forecolor-red-30

.forecolor-red-35

.forecolor-red-40

.forecolor-red-45

.forecolor-red-50

.forecolor-red-55

.forecolor-red-60

.forecolor-red-65

.forecolor-red-70

.forecolor-red-75

.forecolor-red-80

.forecolor-red-85

.forecolor-red-90

.forecolor-red-95

.forecolor-orange-05

.forecolor-orange-10

.forecolor-orange-15

.forecolor-orange-20

.forecolor-orange-25

.forecolor-orange-30

.forecolor-orange-35

.forecolor-orange-40

.forecolor-orange-45

.forecolor-orange-50

.forecolor-orange-55

.forecolor-orange-60

.forecolor-orange-65

.forecolor-orange-70

.forecolor-orange-75

.forecolor-orange-80

.forecolor-orange-85

.forecolor-orange-90

.forecolor-orange-95

.forecolor-yellow-05

.forecolor-yellow-10

.forecolor-yellow-15

.forecolor-yellow-20

.forecolor-yellow-25

.forecolor-yellow-30

.forecolor-yellow-35

.forecolor-yellow-40

.forecolor-yellow-45

.forecolor-yellow-50

.forecolor-yellow-55

.forecolor-yellow-60

.forecolor-yellow-65

.forecolor-yellow-70

.forecolor-yellow-75

.forecolor-yellow-80

.forecolor-yellow-85

.forecolor-yellow-90

.forecolor-yellow-95

.forecolor-green-05

.forecolor-green-10

.forecolor-green-15

.forecolor-green-20

.forecolor-green-25

.forecolor-green-30

.forecolor-green-35

.forecolor-green-40

.forecolor-green-45

.forecolor-green-50

.forecolor-green-55

.forecolor-green-60

.forecolor-green-65

.forecolor-green-70

.forecolor-green-75

.forecolor-green-80

.forecolor-green-85

.forecolor-green-90

.forecolor-green-95

.forecolor-cyan-05

.forecolor-cyan-10

.forecolor-cyan-15

.forecolor-cyan-20

.forecolor-cyan-25

.forecolor-cyan-30

.forecolor-cyan-35

.forecolor-cyan-40

.forecolor-cyan-45

.forecolor-cyan-50

.forecolor-cyan-55

.forecolor-cyan-60

.forecolor-cyan-65

.forecolor-cyan-70

.forecolor-cyan-75

.forecolor-cyan-80

.forecolor-cyan-85

.forecolor-cyan-90

.forecolor-cyan-95

.forecolor-blue-05

.forecolor-blue-10

.forecolor-blue-15

.forecolor-blue-20

.forecolor-blue-25

.forecolor-blue-30

.forecolor-blue-35

.forecolor-blue-40

.forecolor-blue-45

.forecolor-blue-50

.forecolor-blue-55

.forecolor-blue-60

.forecolor-blue-65

.forecolor-blue-70

.forecolor-blue-75

.forecolor-blue-80

.forecolor-blue-85

.forecolor-blue-90

.forecolor-blue-95

.forecolor-violet-05

.forecolor-violet-10

.forecolor-violet-15

.forecolor-violet-20

.forecolor-violet-25

.forecolor-violet-30

.forecolor-violet-35

.forecolor-violet-40

.forecolor-violet-45

.forecolor-violet-50

.forecolor-violet-55

.forecolor-violet-60

.forecolor-violet-65

.forecolor-violet-70

.forecolor-violet-75

.forecolor-violet-80

.forecolor-violet-85

.forecolor-violet-90

.forecolor-violet-95

.forecolor-magenta-05

.forecolor-magenta-10

.forecolor-magenta-15

.forecolor-magenta-20

.forecolor-magenta-25

.forecolor-magenta-30

.forecolor-magenta-35

.forecolor-magenta-40

.forecolor-magenta-45

.forecolor-magenta-50

.forecolor-magenta-55

.forecolor-magenta-60

.forecolor-magenta-65

.forecolor-magenta-70

.forecolor-magenta-75

.forecolor-magenta-80

.forecolor-magenta-85

.forecolor-magenta-90

.forecolor-magenta-95

.backcolor-gray-05

.backcolor-gray-10

.backcolor-gray-15

.backcolor-gray-20

.backcolor-gray-25

.backcolor-gray-30

.backcolor-gray-35

.backcolor-gray-40

.backcolor-gray-45

.backcolor-gray-50

.backcolor-gray-55

.backcolor-gray-60

.backcolor-gray-65

.backcolor-gray-70

.backcolor-gray-75

.backcolor-gray-80

.backcolor-gray-85

.backcolor-gray-90

.backcolor-gray-95

.backcolor-red-05

.backcolor-red-10

.backcolor-red-15

.backcolor-red-20

.backcolor-red-25

.backcolor-red-30

.backcolor-red-35

.backcolor-red-40

.backcolor-red-45

.backcolor-red-50

.backcolor-red-55

.backcolor-red-60

.backcolor-red-65

.backcolor-red-70

.backcolor-red-75

.backcolor-red-80

.backcolor-red-85

.backcolor-red-90

.backcolor-red-95

.backcolor-orange-05

.backcolor-orange-10

.backcolor-orange-15

.backcolor-orange-20

.backcolor-orange-25

.backcolor-orange-30

.backcolor-orange-35

.backcolor-orange-40

.backcolor-orange-45

.backcolor-orange-50

.backcolor-orange-55

.backcolor-orange-60

.backcolor-orange-65

.backcolor-orange-70

.backcolor-orange-75

.backcolor-orange-80

.backcolor-orange-85

.backcolor-orange-90

.backcolor-orange-95

.backcolor-yellow-05

.backcolor-yellow-10

.backcolor-yellow-15

.backcolor-yellow-20

.backcolor-yellow-25

.backcolor-yellow-30

.backcolor-yellow-35

.backcolor-yellow-40

.backcolor-yellow-45

.backcolor-yellow-50

.backcolor-yellow-55

.backcolor-yellow-60

.backcolor-yellow-65

.backcolor-yellow-70

.backcolor-yellow-75

.backcolor-yellow-80

.backcolor-yellow-85

.backcolor-yellow-90

.backcolor-yellow-95

.backcolor-green-05

.backcolor-green-10

.backcolor-green-15

.backcolor-green-20

.backcolor-green-25

.backcolor-green-30

.backcolor-green-35

.backcolor-green-40

.backcolor-green-45

.backcolor-green-50

.backcolor-green-55

.backcolor-green-60

.backcolor-green-65

.backcolor-green-70

.backcolor-green-75

.backcolor-green-80

.backcolor-green-85

.backcolor-green-90

.backcolor-green-95

.backcolor-cyan-05

.backcolor-cyan-10

.backcolor-cyan-15

.backcolor-cyan-20

.backcolor-cyan-25

.backcolor-cyan-30

.backcolor-cyan-35

.backcolor-cyan-40

.backcolor-cyan-45

.backcolor-cyan-50

.backcolor-cyan-55

.backcolor-cyan-60

.backcolor-cyan-65

.backcolor-cyan-70

.backcolor-cyan-75

.backcolor-cyan-80

.backcolor-cyan-85

.backcolor-cyan-90

.backcolor-cyan-95

.backcolor-blue-05

.backcolor-blue-10

.backcolor-blue-15

.backcolor-blue-20

.backcolor-blue-25

.backcolor-blue-30

.backcolor-blue-35

.backcolor-blue-40

.backcolor-blue-45

.backcolor-blue-50

.backcolor-blue-55

.backcolor-blue-60

.backcolor-blue-65

.backcolor-blue-70

.backcolor-blue-75

.backcolor-blue-80

.backcolor-blue-85

.backcolor-blue-90

.backcolor-blue-95

.backcolor-violet-05

.backcolor-violet-10

.backcolor-violet-15

.backcolor-violet-20

.backcolor-violet-25

.backcolor-violet-30

.backcolor-violet-35

.backcolor-violet-40

.backcolor-violet-45

.backcolor-violet-50

.backcolor-violet-55

.backcolor-violet-60

.backcolor-violet-65

.backcolor-violet-70

.backcolor-violet-75

.backcolor-violet-80

.backcolor-violet-85

.backcolor-violet-90

.backcolor-violet-95

.backcolor-magenta-05

.backcolor-magenta-10

.backcolor-magenta-15

.backcolor-magenta-20

.backcolor-magenta-25

.backcolor-magenta-30

.backcolor-magenta-35

.backcolor-magenta-40

.backcolor-magenta-45

.backcolor-magenta-50

.backcolor-magenta-55

.backcolor-magenta-60

.backcolor-magenta-65

.backcolor-magenta-70

.backcolor-magenta-75

.backcolor-magenta-80

.backcolor-magenta-85

.backcolor-magenta-90

.backcolor-magenta-95

.highlighter-gray-05

.highlighter-gray-10

.highlighter-gray-15

.highlighter-gray-20

.highlighter-gray-25

.highlighter-gray-30

.highlighter-gray-35

.highlighter-gray-40

.highlighter-gray-45

.highlighter-gray-50

.highlighter-gray-55

.highlighter-gray-60

.highlighter-gray-65

.highlighter-gray-70

.highlighter-gray-75

.highlighter-gray-80

.highlighter-gray-85

.highlighter-gray-90

.highlighter-gray-95

.highlighter-red-05

.highlighter-red-10

.highlighter-red-15

.highlighter-red-20

.highlighter-red-25

.highlighter-red-30

.highlighter-red-35

.highlighter-red-40

.highlighter-red-45

.highlighter-red-50

.highlighter-red-55

.highlighter-red-60

.highlighter-red-65

.highlighter-red-70

.highlighter-red-75

.highlighter-red-80

.highlighter-red-85

.highlighter-red-90

.highlighter-red-95

.highlighter-orange-05

.highlighter-orange-10

.highlighter-orange-15

.highlighter-orange-20

.highlighter-orange-25

.highlighter-orange-30

.highlighter-orange-35

.highlighter-orange-40

.highlighter-orange-45

.highlighter-orange-50

.highlighter-orange-55

.highlighter-orange-60

.highlighter-orange-65

.highlighter-orange-70

.highlighter-orange-75

.highlighter-orange-80

.highlighter-orange-85

.highlighter-orange-90

.highlighter-orange-95

.highlighter-yellow-05

.highlighter-yellow-10

.highlighter-yellow-15

.highlighter-yellow-20

.highlighter-yellow-25

.highlighter-yellow-30

.highlighter-yellow-35

.highlighter-yellow-40

.highlighter-yellow-45

.highlighter-yellow-50

.highlighter-yellow-55

.highlighter-yellow-60

.highlighter-yellow-65

.highlighter-yellow-70

.highlighter-yellow-75

.highlighter-yellow-80

.highlighter-yellow-85

.highlighter-yellow-90

.highlighter-yellow-95

.highlighter-green-05

.highlighter-green-10

.highlighter-green-15

.highlighter-green-20

.highlighter-green-25

.highlighter-green-30

.highlighter-green-35

.highlighter-green-40

.highlighter-green-45

.highlighter-green-50

.highlighter-green-55

.highlighter-green-60

.highlighter-green-65

.highlighter-green-70

.highlighter-green-75

.highlighter-green-80

.highlighter-green-85

.highlighter-green-90

.highlighter-green-95

.highlighter-cyan-05

.highlighter-cyan-10

.highlighter-cyan-15

.highlighter-cyan-20

.highlighter-cyan-25

.highlighter-cyan-30

.highlighter-cyan-35

.highlighter-cyan-40

.highlighter-cyan-45

.highlighter-cyan-50

.highlighter-cyan-55

.highlighter-cyan-60

.highlighter-cyan-65

.highlighter-cyan-70

.highlighter-cyan-75

.highlighter-cyan-80

.highlighter-cyan-85

.highlighter-cyan-90

.highlighter-cyan-95

.highlighter-blue-05

.highlighter-blue-10

.highlighter-blue-15

.highlighter-blue-20

.highlighter-blue-25

.highlighter-blue-30

.highlighter-blue-35

.highlighter-blue-40

.highlighter-blue-45

.highlighter-blue-50

.highlighter-blue-55

.highlighter-blue-60

.highlighter-blue-65

.highlighter-blue-70

.highlighter-blue-75

.highlighter-blue-80

.highlighter-blue-85

.highlighter-blue-90

.highlighter-blue-95

.highlighter-violet-05

.highlighter-violet-10

.highlighter-violet-15

.highlighter-violet-20

.highlighter-violet-25

.highlighter-violet-30

.highlighter-violet-35

.highlighter-violet-40

.highlighter-violet-45

.highlighter-violet-50

.highlighter-violet-55

.highlighter-violet-60

.highlighter-violet-65

.highlighter-violet-70

.highlighter-violet-75

.highlighter-violet-80

.highlighter-violet-85

.highlighter-violet-90

.highlighter-violet-95

.highlighter-magenta-05

.highlighter-magenta-10

.highlighter-magenta-15

.highlighter-magenta-20

.highlighter-magenta-25

.highlighter-magenta-30

.highlighter-magenta-35

.highlighter-magenta-40

.highlighter-magenta-45

.highlighter-magenta-50

.highlighter-magenta-55

.highlighter-magenta-60

.highlighter-magenta-65

.highlighter-magenta-70

.highlighter-magenta-75

.highlighter-magenta-80

.highlighter-magenta-85

.highlighter-magenta-90

.highlighter-magenta-95

.bordercolor-gray-05

.bordercolor-gray-10

.bordercolor-gray-15

.bordercolor-gray-20

.bordercolor-gray-25

.bordercolor-gray-30

.bordercolor-gray-35

.bordercolor-gray-40

.bordercolor-gray-45

.bordercolor-gray-50

.bordercolor-gray-55

.bordercolor-gray-60

.bordercolor-gray-65

.bordercolor-gray-70

.bordercolor-gray-75

.bordercolor-gray-80

.bordercolor-gray-85

.bordercolor-gray-90

.bordercolor-gray-95

.bordercolor-red-05

.bordercolor-red-10

.bordercolor-red-15

.bordercolor-red-20

.bordercolor-red-25

.bordercolor-red-30

.bordercolor-red-35

.bordercolor-red-40

.bordercolor-red-45

.bordercolor-red-50

.bordercolor-red-55

.bordercolor-red-60

.bordercolor-red-65

.bordercolor-red-70

.bordercolor-red-75

.bordercolor-red-80

.bordercolor-red-85

.bordercolor-red-90

.bordercolor-red-95

.bordercolor-orange-05

.bordercolor-orange-10

.bordercolor-orange-15

.bordercolor-orange-20

.bordercolor-orange-25

.bordercolor-orange-30

.bordercolor-orange-35

.bordercolor-orange-40

.bordercolor-orange-45

.bordercolor-orange-50

.bordercolor-orange-55

.bordercolor-orange-60

.bordercolor-orange-65

.bordercolor-orange-70

.bordercolor-orange-75

.bordercolor-orange-80

.bordercolor-orange-85

.bordercolor-orange-90

.bordercolor-orange-95

.bordercolor-yellow-05

.bordercolor-yellow-10

.bordercolor-yellow-15

.bordercolor-yellow-20

.bordercolor-yellow-25

.bordercolor-yellow-30

.bordercolor-yellow-35

.bordercolor-yellow-40

.bordercolor-yellow-45

.bordercolor-yellow-50

.bordercolor-yellow-55

.bordercolor-yellow-60

.bordercolor-yellow-65

.bordercolor-yellow-70

.bordercolor-yellow-75

.bordercolor-yellow-80

.bordercolor-yellow-85

.bordercolor-yellow-90

.bordercolor-yellow-95

.bordercolor-green-05

.bordercolor-green-10

.bordercolor-green-15

.bordercolor-green-20

.bordercolor-green-25

.bordercolor-green-30

.bordercolor-green-35

.bordercolor-green-40

.bordercolor-green-45

.bordercolor-green-50

.bordercolor-green-55

.bordercolor-green-60

.bordercolor-green-65

.bordercolor-green-70

.bordercolor-green-75

.bordercolor-green-80

.bordercolor-green-85

.bordercolor-green-90

.bordercolor-green-95

.bordercolor-cyan-05

.bordercolor-cyan-10

.bordercolor-cyan-15

.bordercolor-cyan-20

.bordercolor-cyan-25

.bordercolor-cyan-30

.bordercolor-cyan-35

.bordercolor-cyan-40

.bordercolor-cyan-45

.bordercolor-cyan-50

.bordercolor-cyan-55

.bordercolor-cyan-60

.bordercolor-cyan-65

.bordercolor-cyan-70

.bordercolor-cyan-75

.bordercolor-cyan-80

.bordercolor-cyan-85

.bordercolor-cyan-90

.bordercolor-cyan-95

.bordercolor-blue-05

.bordercolor-blue-10

.bordercolor-blue-15

.bordercolor-blue-20

.bordercolor-blue-25

.bordercolor-blue-30

.bordercolor-blue-35

.bordercolor-blue-40

.bordercolor-blue-45

.bordercolor-blue-50

.bordercolor-blue-55

.bordercolor-blue-60

.bordercolor-blue-65

.bordercolor-blue-70

.bordercolor-blue-75

.bordercolor-blue-80

.bordercolor-blue-85

.bordercolor-blue-90

.bordercolor-blue-95

.bordercolor-violet-05

.bordercolor-violet-10

.bordercolor-violet-15

.bordercolor-violet-20

.bordercolor-violet-25

.bordercolor-violet-30

.bordercolor-violet-35

.bordercolor-violet-40

.bordercolor-violet-45

.bordercolor-violet-50

.bordercolor-violet-55

.bordercolor-violet-60

.bordercolor-violet-65

.bordercolor-violet-70

.bordercolor-violet-75

.bordercolor-violet-80

.bordercolor-violet-85

.bordercolor-violet-90

.bordercolor-violet-95

.bordercolor-magenta-05

.bordercolor-magenta-10

.bordercolor-magenta-15

.bordercolor-magenta-20

.bordercolor-magenta-25

.bordercolor-magenta-30

.bordercolor-magenta-35

.bordercolor-magenta-40

.bordercolor-magenta-45

.bordercolor-magenta-50

.bordercolor-magenta-55

.bordercolor-magenta-60

.bordercolor-magenta-65

.bordercolor-magenta-70

.bordercolor-magenta-75

.bordercolor-magenta-80

.bordercolor-magenta-85

.bordercolor-magenta-90

.bordercolor-magenta-95

border

.border-solid

.border-dashed

.border-dotted

.border-width-xthin

.border-width-thin

.border-width-medium

.border-width-thick

.border-width-xthick

.border-width-xxthick

.border-width-xxxthick

.border-radius-small

.border-radius-medium

.border-radius-large

.border-radius-xlarge

.border-radius-circle

.border-radius-pill