HTML, CSS & Pre-Processors

These are our company guidelines & best practices for writing HTML, CSS, and high-level strategies for CSS pre-processors.

HTML

General Formatting

Good Example:
<form class="uk-form">
  <div class="uk-form-row">
    <label class="uk-form-label" for="example-email">Email:</label>
    <div class="uk-form-controls">
      <input type="text" name="example-email" placeholder="[email protected]" />
    </div>
  </div>
</form>
    
Bad Example:
<form class="uk-form">
<div class=uk-form-row>
    <label class="uk-form-label" for="example-email">Email:</label>
    <div class="uk-form-controls"><input type="text" name="example-email" placeholder="[email protected]"></div>
  </div>
</form>
    

CSS

General Formatting

File Structure

Comments / Documentation

Strive to use something in the vein of DSS to