Save 37% off PRO during our Black Friday Sale! »

Stick Bootstrap into Polymer

Stick Bootstrap into Polymer

78f5efc1e98c71e473cc7827de1c5db4?s=128

takanorip

April 23, 2018
Tweet

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)