View Full demo and project files for MUI User Guide

Code


   index.html
    
      welcome page 

      logo

      friendly graphics displaying design changes across themes
      
    
  
  Getting Started
    
      How to get MUI 

      How to use the site 

      Where to get help
      
    
  
   Courses
    
      learn how to properly use aria

      learn how to use the toolkit

      
    
  
   `Code`; `Usage`; `Examples`
    
      mixins
      functions
      variables
      themes
      normalize
      grid
      utility
      headers
      links
      form elements
      buttons
      input-group
      form-group
      input-addon
      calendar
      overlay
      autocomplete
      tabs
    
  
  Contribute
    
      Link to GitHub Framework
      Link to GitHub ComboHandler
      
    
  
  Blog 
    about UI and JS at Manheim

CSS

code {
  display: block;
  background: #f8f8f8;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

.badge {
  display: inline-block;
  border-radius: 2px;
  line-height: 1;
  padding: 2px 3px;
  margin: 4px;
}
.badge:before {
  content: attr(data-badge);
}
.badge[data-badge="scss"] {
  background: pink;
}
.badge[data-badge="css"] {
  background: orange;
}
.badge[data-badge="js"] {
  background: yellow;
}

JS

$(function (){
  $('.js').prepend('');
  $('.css').prepend('');
  $('.scss').prepend('');
});

Preview

Related Codes

Links