Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • D digitec-wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Deployments
    • Deployments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • Digitec
  • digitec-wiki
  • Wiki
  • css and sass coding standards

css and sass coding standards · Changes

Page history
mmclin created page: css-and-sass-coding-standards authored Dec 11, 2013 by Mike McLin's avatar Mike McLin
Show whitespace changes
Inline Side-by-side
css-and-sass-coding-standards.markdown
View page @ 493edff4
......@@ -18,16 +18,24 @@ Structure
#### Wrong
- Multiple selectors are on the same line
- The closing brace isn't left-aligned with the opening selector
- `.selector-4` has 2 property-value pairs on a single line. Only a single pair is allowed for shorthand single-line declarations.
```
.selector-1, .selector-2, .selector-3 {
background: #fff;
color: #000;
}
.selector-1 { background: #fff; color: #000; }
.selector-4 { background: #f00; color: #000; }
```
#### Good
- There are multiple property-value pairs, so aligning the colon characters could help readability.
```
.selector-1,
.selector-2,
......@@ -38,6 +46,7 @@ Structure
```
#### Best
```
.selector-1,
.selector-2,
......
Clone repository
  • alpha beta testing
  • browser testing
  • camtasia licenses
  • code delivery processes
  • coding practices
  • css and sass coding standards
  • database schema standards
  • dependency management
  • development environments
  • digitec agile process
  • digitec gitlab styles
  • digitec software promises
  • digitec spec process
  • gitlab administration
  • gitlab issues tags
View All Pages