daily pastebin goal
42%
SHARE
TWEET

Untitled

a guest Jan 18th, 2019 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <div class="header">
  3.         <div class="container">
  4.             <!-- Title & Subtitle -->
  5.             <div class="titles">
  6.                 <p v-if="title" class="title">{{ title }}</p>
  7.                 <p v-if="subtitle" class="subtitle">{{ subtitle }}</p>
  8.             </div>
  9.             <!-- Header Msg -->
  10.             <p class="msg">{{ msg }}</p>
  11.         </div>
  12.     </div>
  13. </template>
  14.  
  15. <script>
  16. export default {
  17.     props: {
  18.         title: {
  19.             type: String,
  20.             required: false
  21.         },
  22.         subtitle: {
  23.             type: String,
  24.             required: false
  25.         },
  26.         msg: {
  27.             type: String,
  28.             required: false
  29.         }
  30.     }
  31. };
  32. </script>
  33.  
  34. <style lang="scss" scoped>
  35.     @import "sassy";
  36.  
  37.     .header {
  38.         background: $light;
  39.         padding: 1em 0;
  40.         .titles {
  41.             padding: 1em 0;
  42.             .title {
  43.                 color: $primary;
  44.                 font-size: 2em;
  45.                 font-weight: 800;
  46.                 margin: 0;
  47.             }
  48.             .subtitle {
  49.                 font-size: 1.25em;
  50.                 color: $secondary;
  51.                 margin: 0;
  52.             }
  53.         }
  54.     }
  55. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top