rozman50

VUE quote project - Quote.vue

Jul 13th, 2018
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.48 KB | None | 0 0
  1. <template>
  2. <div class="col-sm-6 col-md-4 col-lg-3">
  3. <div class="panel panel-default">
  4. <div class="panel-body quote">
  5. <slot></slot>
  6. </div>
  7. </div>
  8. </div>
  9. </template>
  10.  
  11. <script>
  12. export default {
  13. props: ['quotes']
  14. }
  15. </script>
  16.  
  17. <style>
  18. .panel-body{
  19. font-family: 'Arizonia', cursive;
  20. font-size: 24px;
  21. color: #6e6e6e;
  22. }
  23. .quote {
  24. cursor: pointer;
  25. }
  26. .quote:hover {
  27. background-color: #ffe2e2;
  28. }
  29. </style>
Add Comment
Please, Sign In to add comment