<template lang="pug">
  .modifier
    .col-tn-12
      .glyph.black-font-color
        i.pbxx-icon.pbxx-icon-facebook
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x
      .code
        code .pbxx-icon.pbxx-icon-facebook
      .glyph.black-font-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x.pbxx-icon-hc-fw
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x.pbxx-icon-hc-fw
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x.pbxx-icon-hc-fw
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x.pbxx-icon-hc-fw
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw
      .glyph.black-font-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-border.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-border.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-border.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-border.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-border.black-border-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw
      .glyph.white-font-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.facebook-color-background-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-fillet
      .glyph.white-font-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle.facebook-color-background-color.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle.facebook-color-background-color.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle.facebook-color-background-color.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle.facebook-color-background-color.black-border-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle.facebook-color-background-color.black-border-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-border-circle
      .glyph.white-font-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-circle.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.facebook-color-background-color
        i.pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.facebook-color-background-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-circle
      .glyph.white-font-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-background-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-fillet.instagram-back-ground-color
      .glyph.white-font-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-fw.pbxx-icon-hc-circle.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-2x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-3x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-4x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.instagram-background-color
        i.pbxx-icon.pbxx-icon-instagramnew.pbxx-icon-hc-5x.pbxx-icon-hc-fw.pbxx-icon-hc-circle.instagram-background-color
      .code
        code .pbxx-icon.pbxx-icon-facebook.pbxx-icon-hc-fw.pbxx-icon-hc-circle
</template>

<script>
  // @vue/component
  export default {
    name: 'glyphs_modifier',
    props: {
    },
    computed: {
    }
  }
</script>

<style lang="sass" scoped>
  .modifier {
    margin-top: 1em;
    i {
      margin-right: 1rem;
    }
    .glyph {
      margin-bottom: 1em;
    }
    .code {
      margin-bottom: 2em;
    }
  }
</style>
