Dawid Woźniak dawidw
dawidw
/ example 4.css
Last active
December 21, 2015 17:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* _posts_controller.scss */ | |
| .posts.show .post { | |
| /* view specific styles */ | |
| } | |
| /* _post.scss */ | |
| .post { | |
| background: whitesmoke; | |
| } |
dawidw
/ file tree.scss
Last active
December 21, 2015 17:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| +-modules | |
| | +-_post.scss | |
| +-view | |
| | +-views.scss | |
| | +-rails_views | |
| | +-_posts_controller.scss | |
| | +-responsive | |
| | +-tablet | |
| | +-mobile | |
| . |
dawidw
/ example 3a.scss
Last active
December 21, 2015 17:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* posts.scss */ | |
| .posts{ | |
| &.show{ | |
| div.posts_list{ | |
| div.post{ | |
| background: whitesmoke; | |
| p.post_title{ | |
| font-size: 16px; | |
| } | |
| } |
dawidw
/ example 2a.scss
Last active
December 21, 2015 17:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .block{ | |
| .ie7 &.red{ | |
| color: green; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .block { | |
| &.red { | |
| color: red; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 1. reference symbol ( & ) */ | |
| /* you are probably familiar with reference symbol which allows you | |
| to reference a parent element: */ | |
| .block.red { | |
| color: red; | |
| } | |
| /* but you can also put it after some class which can be very usefull while | |
| facing some IE related issues: */ | |
| .ie7 .block.red { |
NewerOlder