OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it


When things are “OFF”. Some elemnts have a disabled attribute, on others you can add a .disabled class.
.box.disabled + .color:disabled
<div class="flex gap-no read_l">
  <div class="box disabled"></div>
  <a href="#" class="box disabled"></a>
<div class="gap-no read_l ma-t_s">
  <textarea class="textarea" disabled>textarea.textarea:disabled</textarea>
  <input class="input" type="text" disabled value="disabled input">
  <div class="range-box disabled">
    <input type="range" class="range" disabled>
  <div class="color-box disabled">
    <div>.box.disabled + .color:disabled</div>
    <input type="color" class="color" disabled>
  <input class="input" type="text" disabled value="input.input:disabled">
  <select class="select" disabled>
    <option value="disabled"></option>
  <label class="box disabled">
    <input class="radio m-r-s" type="radio" disabled>
    radio:disabled + 
  <label class="box disabled">
    <input class="checkbox m-r-s" type="checkbox" disabled>
    checkbox:disabled +
  <label class="form-box disabled">
    <div class="mini-label">.form-box.disabled</div>
    <input class="input" type="email" disabled>
    <div class="mini-info shown">mini-info</div>
<div class="grid gap_xs read_l ma-t_s">
  <a href="#" class="span-6 button disabled">a.button.disabled</a>
  <button class="span-6 button disabled">button.button:disabled</button>
  <a href="#" class="span-6 button prime disabled"></a>
  <button class="span-6 button prime disabled"></button>