// http://ionicframework.com/docs/theming/
// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
.icon.icon-verified {
  color: #1da1f2;
}

#sideNav {
  .user-info {
    .user-banner {
      position: relative;
      height: 140px;
      margin-bottom: 20px;
      .svg-triangle {
        position: absolute;
        bottom: 0;
      }
      .user-avatar {
        position: absolute;
        bottom: -10px;
        left: 15px;
        border-radius: 50%;
        width: 90px;
      }
    }
    .user-info {
      padding: 0 15px;
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 10px;
      .handle {
        color: #ababab;
        font-weight: 300;
        font-size: 11px;
      }
    }
  }
  .label-md {
    margin-left: 8px;
    display: flex;
    align-items: center;
  }
  .item-inner {
    padding-left: 8px;
  }
  .ion-icon {
    line-height: 1;
  }
}
