Stick Bootstrap into Polymer

Transcript

1. Stick Bootstrap into Polymer Takanori Oki
 @Web Components Cafe 2018/04/23

2. Self-Introduction • Takanori Oki ( @takanorip ) • SmartDrive Inc.

   • Frontend Developer • Nuxt.jsɺReactɺPolymer… • Love fonts
3. None

4. I want to use CSS Frameworks for example Bootstrap

5. granite-bootstrap • Wrapping of Bootstrap CSS as Polymer shared styles

   modules • Replace and Update polymer-bootstrap
6. None
7. None
8. None
9. None

10. If you write this way, the layout collapses…

11. Solution?

12. None
13. None

14. DEMO

15. It is difficult to thinking about CSS in Polymer…

16. Generate style modules • Use granite-css-modularizer • A small node

    script to generate Polymer style modules from CSS files

17. Publicity

18. I published a book about Web Font!

19. None
20. None
21. None

22. Thank you! (font : Metropolis)