Details
Description
The themes often use parent child styling rules with element selectors, eg.
.mobi-list > .mobi-list-item > .mobi-list-item-default > a {
text-decoration: none;
display: block;
padding: 15px 25px;
}
or
.mobi-list-item-default > span {
padding: 15px 25px;
display: inline-block;
}
specifying styles with children solely by element, eg' 'a' or 'span' raises the likelihood that these styles will affect other markup not generated by the component. We should limit the use of element selectors. A better approach would be relying solely on CSS class names like so:
.mobi-list-item-default > .mobi-list-item-content {
padding: 15px 25px;
display: inline-block;
}
It may still be preferable to use child selectors like above, as this approach can be more performant.
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
Migration
created issue -
Migration
made changes -
Field | Original Value | New Value |
---|---|---|
Reporter | Migration [ remote ] | User Philip.breau [ philip.breau ] |
Steve Maryka
made changes -
Assignee | Steve Maryka [ steve.maryka ] | User Philip.breau [ philip.breau ] |
Philip Breau
made changes -
Status | Open [ 1 ] | Resolved [ 5 ] |
Fix Version/s | 1.3 Beta [ 10373 ] | |
Resolution | Fixed [ 1 ] |