Huesos
Style
Guide

Repositoire

GitHub

Preview

Disabled

Class and placeholder used to dim the element and indicate that is not usable anymore.

It also disables user interactions on buttons, links, etc… (see on their respective sections)

Example

<p class="disabled">I'm no longer active</p>
<mark class="disabled"> I'm no longer working</mark>

Assets

  • Filesystem Path: src/components/helpers/disabled/_disabled.scss
  • Size: 53 Bytes
  • Content:
    %disabled,
    .disabled {
    	opacity: $disabled-opacity;
    }