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.

Close
Source
`agaric/_component.carousel.scss`, line 1
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.

Info

## 4.8 Pagination

Extend Bulma pagination.

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

## 4.9 Related

Block of three related items.

Close
Source
`agaric/_component.related.scss`, line 1
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