Skip to content

Instantly share code, notes, and snippets.

View basham's full-sized avatar

Chris Basham basham

View GitHub Profile
@basham
basham / element-query-spec.md
Last active August 29, 2015 14:03
Element Queries Draft Spec
June 25 JIRAs
KULRICE-10203
KULRICE-10360
KULRICE-10367
KULRICE-10371
KULRICE-10373
KULRICE-10376
KULRICE-10394
KULRICE-10454
KULRICE-10775
@basham
basham / ks-css-best-practices.md
Last active August 29, 2015 14:01
Kuali Student CSS Best Practices

Table of contents

  1. Principles

Principles

  1. Readability: Names of selectors must inherently describe the location of the corresponding source code.
  • Modularity: Styles should be grouped and isolated by their respective domain of use.
  • Low coupling: Styles should never depend on the structure or semantics of markup.
<!-- Source: http://pastebin.com/0zQvqpZ8 -->
<!-- Screenshot: http://i.imgur.com/bdspMbL.jpg -->
<!-- Line 130 -->
<div class="alert-danger">
<ul class="uif-validationMessagesList uif-pageValidationMessage-single">
<li class="uif-errorMessageItem">
<img class="uif-validationImage" src="http://env6.ks.kuali.org/themes/ksboot/images/validation/error.png" alt="Error"> <a href="#">Administering Organizations: 1 error</a>
</li>
</ul>