Sha256: a4af1a166472fe3b177dc91b2c23148961db84fda4709439a5f3f61c3d999367
Contents?: true
Size: 1.62 KB
Versions: 7
Compression:
Stored size: 1.62 KB
Contents
// ------------------------------------------------------------------- //
// Debug - Only active if variable set to TRUE in _defaults.scss
// Use to determine CSS issues within the site
// ------------------------------------------------------------------- //
// Red == Definite Error
// Yellow == Double-check
// None == Should be okiedokie
@if $debug-mode == true{
// Empty page elements?
:empty{
outline: 5px solid yellow;
}
// Images require 'alt' attributes, empty 'alt's are fine
// No 'alt' is bad, flagged in red
img{
outline: 5px solid red;
&[alt]{
outline: none;
}
&[alt=""]{
outline: 5px solid yellow;
}
}
// Links benefit from 'title' attributes
// Not severe, but good to check
a{
outline: 5px solid yellow;
&[title]{
outline: none;
}
}
// Esnure lists only contain 'li's as children
ul,
ol{
> *:not(li){
outline: 5px solid red;
}
}
// 'tr's as children of 'table's isn't great, did you need 'thead'/'tbody'?
table > tr{
outline: 5px solid yellow;
}
// Various form-field types have required attributes
// 'input's need 'type'
// 'textarea's need 'rows' and 'cols'
// 'submit' buttons need 'value'
textarea,
input{
outline: 5px solid yellow;
}
input[type]{
outline: none;
}
textarea[rows][cols]{
outline: none;
}
input[type=submit]{
outline: 5px solid red;
&[value]{
outline: none;
}
}
// Avoid inline styles like the plague that they are
[style]{
outline: 5px solid red;
}
} // END if
Version data entries
7 entries across 7 versions & 1 rubygems