vue-youtube-widget
Version:
Vue.js YouTube widget for your website using YouTube Api 3
2 lines (1 loc) • 934 B
CSS
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');.youtube-widget{font-family:'Roboto',sans-serif;}.youtube-widget__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:24px;background:#FAFAFA;}.youtube-widget__info{display:flex;flex-wrap:wrap;align-items:center;}.youtube-widget__logo{border-radius:100%;}.youtube-widget__data{margin-left:15px;}.youtube-widget__title{margin:0;}.youtube-widget__subscribers-count{color:#606060;}.youtube-widget__subscribe-btn,.youtube-widget__load-more-btn{padding:10px 16px;border-radius:2px;border:none;font-weight:bold;text-transform:uppercase;text-decoration:none;}.youtube-widget__subscribe-btn{background:#CC0000;color:#FFFFFF;}.youtube-widget__inner{display:flex;flex-wrap:wrap;margin-top:24px;}.youtube-widget__load-more-btn{display:block;margin:32px auto 0 auto;background:#FAFAFA;color:#606060;cursor:pointer;}