Igloo Theme
Go to iglootheme.com
  • Welcome
  • FAQ
  • Changelog
  • Common Issues
  • Getting started
    • Installation
    • Theme customization
    • Header and navigation
    • Footer
    • Multilingual site
    • Umbraco Upgrade v8 -> v13
  • Page Types
    • Site
    • Page
    • Feed
      • Post
    • Global content
    • People
    • Sitemap
    • Search
  • Widgets
    • Hero
    • Text
    • Grid
      • Header
      • Text
      • Image
      • Quote
      • Pod
      • Card
      • Code
      • Accordion
      • Price List
      • Line Break
      • Button
      • Video
      • Umbraco Form
      • Price Table
      • Navigation
      • Sub Grid
      • Slider
      • Person
    • Image
    • Text and images
    • Gallery
    • Slider
    • Tabs
    • Latest from feed
    • Map
    • Umbraco forms
    • Contact form
    • Newsletter
    • Logos
    • Instagram feed
    • Global content
    • Login
    • Register
    • Breadcrumbs
    • People
    • Section Navigation
  • Extending
    • Front-end UI
      • CSS variables
      • Buttons
      • Grid
      • Widgets
      • Forms
      • Typography
      • Helpers
    • Create a new widget
    • Intellisense on models in Visual studio
Powered by GitBook
On this page
  • Size
  • Color
  • Transparent with border
  • Underline
  • Block
  • Button Loading

Was this helpful?

  1. Extending
  2. Front-end UI

Buttons

Markup for buttons

Size

<button class="button button--small">Small</button>
<button class="button">Default</button>
<button class="button button--big">Big</button>

Color

<button class="button">Theme</button>
<button class="button button--theme-alt">Theme Alt</button>
<button class="button button--dark">Dark</button>
<button class="button button--light">Light</button>
<button class="button button--white">White</button>

Transparent with border

<button class="button button--border">Border</button>

Underline

<button class="button button--underline">Border</button>

Block

 <button class="button button--block">Button block</buttton>

Button Loading

<button class="button button--loading">Button loading</a>
PreviousCSS variablesNextGrid

Last updated 4 years ago

Was this helpful?