Info

4 Component

Custom structures.

Close
Source
agaric.scss, line 48
Info

4.1 Agaricons

Extends Bulma icon classes.

Close
Source
agaric/_component.agaricons.scss, line 1
Info

4.2 Card

Extension of the Bulma card componnet.

Parameters:
  • .card-project
    for projects, 50% image, text on the right
  • .card-initiative
    for initiaitives, image on top
Close
Source
agaric/_component.card.scss, line 1
Info

4.3 Carousel

Extension of slick-theme.scss from Slick Carousel.

Info

4.4 Footer

Extends Bulma footer component.

Info

4.5 Icon List

Lists with icons to the left. Extends the agaricons component. You can select any icon in _component.agaricons.scss

Close
Source
agaric/_component.iconlist.scss, line 1
Info

4.6 Media

Extends Bulma media object.

Close
Source
agaric/_component.media.scss, line 1
Info

4.6.1 Comments

Extends Bulma media object for use in blog comments.

Close
Source
agaric/_component.media.scss, line 14
Info

4.6.2 Media List

Extends Bulma media object for use in blog teaser list.

Close
Source
agaric/_component.media.scss, line 50
Info

4.7 Navbar

Customize Bulma navbar. Uses ScrollMagic to change background colors for optimal legibility against various backgrounds.

Close
Source
agaric/_component.navbar.scss, line 1
Info

4.8 Pagination

Extend Bulma pagination.

Close
Source
agaric/_component.pagination.scss, line 1
Info

4.9 Related

Block of three related items.

Info

4.10 Tabs

Extends Bulma Tabs component.

Close
Source
agaric/_component.tabs.scss, line 1
Info

4.11 Teaser

Styles for teasers, typically lists of linked excerpts.

Close
Source
agaric/_component.teaser.scss, line 1
Info

4.12 Tile

Extends Bulma Tile component.

Close
Source
agaric/_component.tile.scss, line 1
Info

4.13 Titlebar

Structure to title a section with the title to the left and links to the right.

Parameters:
  • .titlebar-bigborder
    border at the top
  • .titlebar-padded
    padding at the bottom
Close
Source
agaric/_component.titlebar.scss, line 1