Organize your assets with Rails
•
0 likes•761 views
Slides of my talk at Paris.rb on june, 5th 2015. This talk is about assets organization in a Rails project and how you can see your CSS as components.
Recommended
More Related Content
Similar to Organize your assets with Rails
Similar to Organize your assets with Rails (20)
More from Simon Courtois
Recently uploaded
Recently uploaded (20)
Organize your assets with Rails
- 1. @happynoff Organize your assets with Rails
- 3. @happynoff My CSS is a mess!
- 5. @happynoff See your design as components
- 6. @happynoff
- 7. @happynoff
- 8. @happynoff
- 9. @happynoff
- 10. @happynoff
- 11. @happynoff
- 14. @happynoff using sprockets* *the Rails Asset Pipeline
- 19. @happynoff Greatly inspired by Medium https://gist.github.com/fat/a47b882eb5f84293c4ed
- 27. @happynoff Share variables and mixins
- 31. @happynoff #RRGGBB rgb(1, 2, 3) rgba(1, 2, 3, 0.4) hsl(1, 2%, 3%) hsla(1, 2%, 3%, 0.4)
- 33. @happynoff hsl(200, 50%, 50%) hsl(200, 50%, 70%) hsl(200, 50%, 30%)
- 37. @happynoff Limit the font sizes
- 38. @happynoff $fontSize-small: 14px; $fontSize-medium: 16px; $fontSize-large: 20px; $fontSize-larger: 27px; $fontSize-jumbo: 80px;
- 44. @happynoff @mixin lg { @media (min-width: 1170px) { @content; } }
- 45. @happynoff .magicBox { font-size: $fontSize-medium; @include lg { font-size: $fontSize-large; } }
- 49. @happynoff Try - Fail - Do better