Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions sass.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

##Property Organization
Block similar properties for readability.
```
```sass
.selector
/* Pseudo Element */
content: ""
Expand Down Expand Up @@ -43,7 +43,7 @@ Block similar properties for readability.

##Whitespace
Maintain whitespace between selectors(with properties) for continuity and readability.
```
```sass
.bojangles
overflow: visible
font-family: georgia
Expand All @@ -64,7 +64,7 @@ Maintain whitespace between selectors(with properties) for continuity and readab

##Nesting
Avoid nesting more than three levels deep. It creates bloated output & over-specificity.
```
```sass
// Bad
.bicycle
.wheel
Expand All @@ -85,7 +85,7 @@ Avoid nesting more than three levels deep. It creates bloated output & over-spec

##Mixins
Use Sass shorthand for creating and using mixins.
```
```sass
=hot-sauce
background-color: $green
color: $red
Expand All @@ -95,7 +95,7 @@ Use Sass shorthand for creating and using mixins.

##Responsive
Use responsive mixins within the selector to keep organized.
```
```sass
=media-sm
+media(min-width $screen-sm)
@content
Expand All @@ -105,4 +105,4 @@ Use responsive mixins within the selector to keep organized.

+media-sm
// Small breakpoint styles
```
```