Sha256: d82a5e3444a3d9bb1c317afcc1e052e978800e92e6352a329de5ac0e8841b52b
Contents?: true
Size: 1.44 KB
Versions: 5
Compression:
Stored size: 1.44 KB
Contents
// ------------------------------------------------------------------- //
// Debug - Only active if variable set to TRUE in _project-settings.scss
// Use to determine CSS issues within the site
// ------------------------------------------------------------------- //
// Red == Definite Error
// Yellow == Double-check
// None == Should be okiedokie
// 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;
}
Version data entries
5 entries across 5 versions & 1 rubygems