src/app/app.scss from proustibat/fbrgsmn.mobile.app

src/app/app.scss
Summary

Maintainability

Test Coverage

Issues
// 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.

@import '../theme/single-article-page';

// scss-lint:disable QualifyingElement
ion-toast.error .toast-wrapper {
  background: color($colors, 'error');
}

ion-toast.vote-pola .toast-wrapper {
  .toast-message {
    font-size: 1.1rem;
  }
}
// scss-lint:enable QualifyingElement

.main-menu {
  .logo {
    width: 65%;
  }

  .writing-links {
    ion-item-divider ion-label {
      margin: 0;
    }

    .item-inner {
      align-items: flex-end;
    }
  }

  .misc-links {
    bottom: 0;
    position: absolute;
    width: 100%;
  }

  ion-item-divider {
    background: none;

    span {
      font-size: 1.5rem;
      font-weight: bold;
    }
  }

  .social-links {
    button {
      $button-size: 2.8rem;
      //TODO: mixin or function !
      height: $button-size;
      width: $button-size;

      &.logo-facebook-64 {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZD0iTTMyLDMwYzAsMS4xMDQtMC44OTYsMi0yLDJIMmMtMS4xMDQsMC0yLTAuODk2LTItMlYyYzAtMS4xMDQsMC44OTYtMiwyLTJoMjhjMS4xMDQsMCwyLDAuODk2LDIsMlYzMHoiIGZpbGw9IiMzQjU5OTgiLz48cGF0aCBkPSJNMjIsMzJWMjBoNGwxLTVoLTV2LTJjMC0yLDEuMDAyLTMsMy0zaDJWNWMtMSwwLTIuMjQsMC00LDBjLTMuNjc1LDAtNiwyLjg4MS02LDd2M2gtNHY1aDR2MTJIMjJ6IiBmaWxsPSIjRkZGRkZGIiBpZD0iZiIvPjwvZz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=') no-repeat center center;
        background-size: contain;
      }

      &.logo-twitter-64 {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTMxLjk5Myw2LjA3N0MzMC44MTYsNi42LDI5LjU1Miw2Ljk1MywyOC4yMjMsNy4xMWMxLjM1NS0wLjgxMiwyLjM5Ni0yLjA5OCwyLjg4Ny0zLjYzICBjLTEuMjY5LDAuNzUxLTIuNjczLDEuMjk5LTQuMTY4LDEuNTkyQzI1Ljc0NCwzLjc5NywyNC4wMzgsMywyMi4xNDksM2MtMy42MjUsMC02LjU2MiwyLjkzOC02LjU2Miw2LjU2MyAgYzAsMC41MTQsMC4wNTcsMS4wMTYsMC4xNjksMS40OTZDMTAuMzAxLDEwLjc4NSw1LjQ2NSw4LjE3MiwyLjIyNyw0LjIwMWMtMC41NjQsMC45Ny0wLjg4OCwyLjA5Ny0wLjg4OCwzLjMgIGMwLDIuMjc4LDEuMTU5LDQuMjg2LDIuOTE5LDUuNDY0Yy0xLjA3NS0wLjAzNS0yLjA4Ny0wLjMyOS0yLjk3Mi0wLjgyMWMtMC4wMDEsMC4wMjctMC4wMDEsMC4wNTYtMC4wMDEsMC4wODIgIGMwLDMuMTgxLDIuMjYyLDUuODM0LDUuMjY1LDYuNDM3Yy0wLjU1LDAuMTQ5LTEuMTMsMC4yMy0xLjcyOSwwLjIzYy0wLjQyNCwwLTAuODM0LTAuMDQxLTEuMjM0LTAuMTE3ICBjMC44MzQsMi42MDYsMy4yNTksNC41MDQsNi4xMyw0LjU1OGMtMi4yNDUsMS43Ni01LjA3NSwyLjgxMS04LjE1LDIuODExYy0wLjUzLDAtMS4wNTMtMC4wMzEtMS41NjYtMC4wOTIgIEMyLjkwNSwyNy45MTMsNi4zNTUsMjksMTAuMDYyLDI5YzEyLjA3MiwwLDE4LjY3NS0xMC4wMDEsMTguNjc1LTE4LjY3NWMwLTAuMjg0LTAuMDA4LTAuNTY4LTAuMDItMC44NSAgQzMwLDguNTUsMzEuMTEyLDcuMzk1LDMxLjk5Myw2LjA3N3oiIGZpbGw9IiM1NUFDRUUiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=') no-repeat center center;
        background-size: contain;
      }

      &.logo-instagram-64 {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSJTb2NpYWxfSWNvbnMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM3X19zdHJva2UiPjxnIGlkPSJJbnN0YWdyYW1fMV8iPjxyZWN0IGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjEyOCIgd2lkdGg9IjEyOCIvPjxyYWRpYWxHcmFkaWVudCBjeD0iMTkuMTExMSIgY3k9IjEyOC40NDQ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9Ikluc3RhZ3JhbV8yXyIgcj0iMTYzLjU1MTkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQjE0MCIvPjxzdG9wIG9mZnNldD0iMC4yNTU5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkY1NDQ1Ii8+PHN0b3Agb2Zmc2V0PSIwLjU5OSIgc3R5bGU9InN0b3AtY29sb3I6I0ZDMkI4MiIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzhFNDBCNyIvPjwvcmFkaWFsR3JhZGllbnQ+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTA1Ljg0MywyOS44MzcgICAgYzAsNC4yNDItMy40MzksNy42OC03LjY4LDcuNjhjLTQuMjQxLDAtNy42OC0zLjQzOC03LjY4LTcuNjhjMC00LjI0MiwzLjQzOS03LjY4LDcuNjgtNy42OCAgICBDMTAyLjQwNSwyMi4xNTcsMTA1Ljg0MywyNS41OTUsMTA1Ljg0MywyOS44Mzd6IE02NCw4NS4zMzNjLTExLjc4MiwwLTIxLjMzMy05LjU1MS0yMS4zMzMtMjEuMzMzICAgIGMwLTExLjc4Miw5LjU1MS0yMS4zMzMsMjEuMzMzLTIxLjMzM2MxMS43ODIsMCwyMS4zMzMsOS41NTEsMjEuMzMzLDIxLjMzM0M4NS4zMzMsNzUuNzgyLDc1Ljc4Miw4NS4zMzMsNjQsODUuMzMzeiBNNjQsMzEuMTM1ICAgIGMtMTguMTUxLDAtMzIuODY1LDE0LjcxNC0zMi44NjUsMzIuODY1YzAsMTguMTUxLDE0LjcxNCwzMi44NjUsMzIuODY1LDMyLjg2NWMxOC4xNTEsMCwzMi44NjUtMTQuNzE0LDMyLjg2NS0zMi44NjUgICAgQzk2Ljg2NSw0NS44NDksODIuMTUxLDMxLjEzNSw2NCwzMS4xMzV6IE02NCwxMS41MzJjMTcuMDg5LDAsMTkuMTEzLDAuMDY1LDI1Ljg2MSwwLjM3M2M2LjI0LDAuMjg1LDkuNjI5LDEuMzI3LDExLjg4NCwyLjIwNCAgICBjMi45ODcsMS4xNjEsNS4xMTksMi41NDgsNy4zNTksNC43ODhjMi4yNCwyLjIzOSwzLjYyNyw0LjM3MSw0Ljc4OCw3LjM1OWMwLjg3NiwyLjI1NSwxLjkxOSw1LjY0NCwyLjIwNCwxMS44ODQgICAgYzAuMzA4LDYuNzQ5LDAuMzczLDguNzczLDAuMzczLDI1Ljg2MmMwLDE3LjA4OS0wLjA2NSwxOS4xMTMtMC4zNzMsMjUuODYxYy0wLjI4NSw2LjI0LTEuMzI3LDkuNjI5LTIuMjA0LDExLjg4NCAgICBjLTEuMTYxLDIuOTg3LTIuNTQ4LDUuMTE5LTQuNzg4LDcuMzU5Yy0yLjIzOSwyLjI0LTQuMzcxLDMuNjI3LTcuMzU5LDQuNzg4Yy0yLjI1NSwwLjg3Ni01LjY0NCwxLjkxOS0xMS44ODQsMi4yMDQgICAgYy02Ljc0OCwwLjMwOC04Ljc3MiwwLjM3My0yNS44NjEsMC4zNzNjLTE3LjA5LDAtMTkuMTE0LTAuMDY1LTI1Ljg2Mi0wLjM3M2MtNi4yNC0wLjI4NS05LjYyOS0xLjMyNy0xMS44ODQtMi4yMDQgICAgYy0yLjk4Ny0xLjE2MS01LjExOS0yLjU0OC03LjM1OS00Ljc4OGMtMi4yMzktMi4yMzktMy42MjctNC4zNzEtNC43ODgtNy4zNTljLTAuODc2LTIuMjU1LTEuOTE5LTUuNjQ0LTIuMjA0LTExLjg4NCAgICBjLTAuMzA4LTYuNzQ5LTAuMzczLTguNzczLTAuMzczLTI1Ljg2MWMwLTE3LjA4OSwwLjA2NS0xOS4xMTMsMC4zNzMtMjUuODYyYzAuMjg1LTYuMjQsMS4zMjctOS42MjksMi4yMDQtMTEuODg0ICAgIGMxLjE2MS0yLjk4NywyLjU0OC01LjExOSw0Ljc4OC03LjM1OWMyLjIzOS0yLjI0LDQuMzcxLTMuNjI3LDcuMzU5LTQuNzg4YzIuMjU1LTAuODc2LDUuNjQ0LTEuOTE5LDExLjg4NC0yLjIwNCAgICBDNDQuODg3LDExLjU5Nyw0Ni45MTEsMTEuNTMyLDY0LDExLjUzMnogTTY0LDBDNDYuNjE5LDAsNDQuNDM5LDAuMDc0LDM3LjYxMywwLjM4NUMzMC44MDEsMC42OTYsMjYuMTQ4LDEuNzc4LDIyLjA3OCwzLjM2ICAgIGMtNC4yMDksMS42MzUtNy43NzgsMy44MjQtMTEuMzM2LDcuMzgyQzcuMTg0LDE0LjMsNC45OTUsMTcuODY5LDMuMzYsMjIuMDc4Yy0xLjU4Miw0LjA3MS0yLjY2NCw4LjcyMy0yLjk3NSwxNS41MzUgICAgQzAuMDc0LDQ0LjQzOSwwLDQ2LjYxOSwwLDY0YzAsMTcuMzgxLDAuMDc0LDE5LjU2MSwwLjM4NSwyNi4zODdjMC4zMTEsNi44MTIsMS4zOTMsMTEuNDY0LDIuOTc1LDE1LjUzNSAgICBjMS42MzUsNC4yMDksMy44MjQsNy43NzgsNy4zODIsMTEuMzM2YzMuNTU4LDMuNTU4LDcuMTI3LDUuNzQ2LDExLjMzNiw3LjM4MmM0LjA3MSwxLjU4Miw4LjcyMywyLjY2NCwxNS41MzUsMi45NzUgICAgQzQ0LjQzOSwxMjcuOTI2LDQ2LjYxOSwxMjgsNjQsMTI4YzE3LjM4MSwwLDE5LjU2MS0wLjA3NCwyNi4zODctMC4zODVjNi44MTItMC4zMTEsMTEuNDY0LTEuMzkzLDE1LjUzNS0yLjk3NSAgICBjNC4yMDktMS42MzYsNy43NzgtMy44MjQsMTEuMzM2LTcuMzgyYzMuNTU4LTMuNTU4LDUuNzQ2LTcuMTI3LDcuMzgyLTExLjMzNmMxLjU4Mi00LjA3MSwyLjY2NC04LjcyMywyLjk3NS0xNS41MzUgICAgQzEyNy45MjYsODMuNTYxLDEyOCw4MS4zODEsMTI4LDY0YzAtMTcuMzgxLTAuMDc0LTE5LjU2MS0wLjM4NS0yNi4zODdjLTAuMzExLTYuODEyLTEuMzkzLTExLjQ2NC0yLjk3NS0xNS41MzUgICAgYy0xLjYzNi00LjIwOS0zLjgyNC03Ljc3OC03LjM4Mi0xMS4zMzZjLTMuNTU4LTMuNTU4LTcuMTI3LTUuNzQ2LTExLjMzNi03LjM4MmMtNC4wNzEtMS41ODItOC43MjMtMi42NjQtMTUuNTM1LTIuOTc1ICAgIEM4My41NjEsMC4wNzQsODEuMzgxLDAsNjQsMHoiIGZpbGw9InVybCgjSW5zdGFncmFtXzJfKSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iSW5zdGFncmFtIi8+PC9nPjwvZz48L3N2Zz4=') no-repeat center center;
        background-size: contain;
      }

      &.logo-soundcloud-64 {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJDYXBhXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExMi4xOTYgMTEyLjE5NjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDExMi4xOTYgMTEyLjE5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGNpcmNsZSBjeD0iNTYuMDk4IiBjeT0iNTYuMDk4IiByPSI1Ni4wOTgiIHN0eWxlPSJmaWxsOiNGRjZBMjI7Ii8+PGc+PHBhdGggZD0iTTE2LjcwNyw2OC44MzNjLTAuMDI3LDAuMTgyLTAuMTU3LDAuMzEyLTAuMzI2LDAuMzEyYy0wLjE2OSwwLTAuMjk5LTAuMTMtMC4zMjUtMC4zMTYgICAgbC0wLjU5My00LjQzOGwwLjU5My00LjUxMmMwLjAyNS0wLjE4OCwwLjE1NS0wLjMxOCwwLjMyNS0wLjMxOGMwLjE2OCwwLDAuMjk4LDAuMTMsMC4zMjYsMC4zMThsMC43MDYsNC41MTdMMTYuNzA3LDY4LjgzM3ogICAgIE0xOS43MjgsNzEuNTI5Yy0wLjAyOCwwLjE5My0wLjE2OCwwLjMyOC0wLjM0MSwwLjMyOGMtMC4xNjgsMC0wLjMxNS0wLjEzNS0wLjMzOC0wLjMyOGwtMC43OTgtNy4xMzlsMC43OTgtNy4yOTkgICAgYzAuMDI0LTAuMTg4LDAuMTctMC4zMjgsMC4zMzgtMC4zMjhjMC4xNzMsMCwwLjMxMywwLjEzNywwLjM0MSwwLjMyOGwwLjkwOCw3LjI5OUwxOS43MjgsNzEuNTI5eiBNMjIuOTg4LDcyLjczOCAgICBjLTAuMDIzLDAuMjMyLTAuMTk3LDAuMzk3LTAuNDA2LDAuMzk3Yy0wLjIxNiwwLTAuMzg3LTAuMTY1LTAuNDA4LTAuMzk3bC0wLjc1Ny04LjM0MmwwLjc1Ny04LjY1OSAgICBjMC4wMTktMC4yMzUsMC4xOTItMC40MDMsMC40MDgtMC40MDNjMC4yMDksMCwwLjM4MiwwLjE2OCwwLjQwNiwwLjQwM2wwLjg1OSw4LjY1OUwyMi45ODgsNzIuNzM4eiBNMjYuMjgsNzMuMDAzICAgIGMtMC4wMjQsMC4yNjYtMC4yMzIsMC40NjctMC40NzksMC40NjdjLTAuMjUzLDAtMC40Ni0wLjIwMS0wLjQ4MS0wLjQ2N2wtMC43MTUtOC42MDdsMC43MTUtOC44OTcgICAgYzAuMDIxLTAuMjY4LDAuMjI4LTAuNDY5LDAuNDgxLTAuNDY5YzAuMjQ3LDAsMC40NTUsMC4yMDEsMC40NzksMC40NjlsMC44MTEsOC44OTdMMjYuMjgsNzMuMDAzeiBNMjkuNTksNzMuMDcyICAgIGMtMC4wMTcsMC4zMDktMC4yNTgsMC41MzgtMC41NDMsMC41MzhjLTAuMjk0LDAtMC41MjctMC4yMjktMC41NDctMC41MzhsLTAuNjc2LTguNjc3bDAuNjc2LTguMjU0ICAgIGMwLjAyMS0wLjMwNywwLjI1My0wLjUzNiwwLjU0Ny0wLjUzNmMwLjI5LDAsMC41MjYsMC4yMjksMC41NDMsMC41MzJsMC43NjYsOC4yNThMMjkuNTksNzMuMDcyeiBNMzIuOTMyLDczLjA3N3YtMC4wMDUgICAgYy0wLjAyLDAuMzQyLTAuMjkxLDAuNjEyLTAuNjE3LDAuNjEyYy0wLjMyNywwLTAuNTk4LTAuMjcxLTAuNjE3LTAuNjA3bC0wLjYzMS04LjY3N2wwLjYzMS0xMy40MjkgICAgYzAuMDE5LTAuMzQyLDAuMjktMC42MTIsMC42MTctMC42MTJjMC4zMjcsMCwwLjU5OCwwLjI3MSwwLjYxNywwLjYwN2wwLjcxNSwxMy40MzRMMzIuOTMyLDczLjA3N3ogTTM2LjI0OSw3My4wNzJ2LTAuMDA1ICAgIGMtMC4wMiwwLjM3OC0wLjMxOSwwLjY3OS0wLjY4OSwwLjY3OWMtMC4zNjMsMC0wLjY2My0wLjMwMS0wLjY4MS0wLjY3OWwtMC41OTYtOC42MjFsMC41OTYtMTYuNTAxICAgIGMwLjAxOC0wLjM3OCwwLjMxOC0wLjY3NywwLjY4MS0wLjY3N2MwLjM3LDAsMC42NjksMC4yOTksMC42ODksMC42NzdsMC42NzEsMTYuNTAxTDM2LjI0OSw3My4wNzJ6IE0zOS42OSw3Mi45Mzl2LTAuMDA1ICAgIGMtMC4wMTUsMC40MjEtMC4zNDYsMC43NDgtMC43NTMsMC43NDhjLTAuNDA3LDAtMC43MzgtMC4zMjctMC43NTMtMC43NDNsLTAuNTUzLTguNTMzYzAsMCwwLjU1My0xNy44NzYsMC41NTMtMTcuODgxICAgIGMwLjAxNi0wLjQxNiwwLjM0Ni0wLjc0OSwwLjc1My0wLjc0OWMwLjQwNywwLDAuNzM5LDAuMzMzLDAuNzUzLDAuNzQ5bDAuNjI1LDE3Ljg4MUwzOS42OSw3Mi45Mzl6IE00My4xMTEsNzIuODgyICAgIGMtMC4wMTYsMC40NTgtMC4zNzUsMC44MTctMC44MjIsMC44MTdjLTAuNDQ4LDAtMC44MDctMC4zNTktMC44MjMtMC44MTNsLTAuNTE2LTguNDgybDAuNTE2LTE4LjQ3OCAgICBjMC4wMTYtMC40NiwwLjM3NS0wLjgxOCwwLjgyMy0wLjgxOGMwLjQ0NywwLDAuODA3LDAuMzU4LDAuODIyLDAuODE4bDAuNTczLDE4LjQ3OEw0My4xMTEsNzIuODgyeiBNNDYuNTU0LDcyLjgwN3YtMC4wMDUgICAgYy0wLjAxNiwwLjQ5NS0wLjQwMywwLjg4OC0wLjg5NCwwLjg4OGMtMC40ODQsMC0wLjg3OS0wLjM5My0wLjg4OC0wLjg4M2wtMC40NzQtOC40MDFMNDQuNzY3LDQ2LjQgICAgYzAuMDE0LTAuNTAyLDAuNDA4LTAuODksMC44OTMtMC44OWMwLjQ5MSwwLDAuODc4LDAuMzg4LDAuODk0LDAuODlsMC41MzIsMTguMDA2TDQ2LjU1NCw3Mi44MDd6IE01MC4wMjUsNzIuNzU3VjcyLjc1ICAgIGMtMC4wMDgsMC41MzktMC40MzQsMC45NTQtMC45NiwwLjk1NGMtMC41MywwLTAuOTUtMC40MTUtMC45NjYtMC45NDdsLTAuNDI4LTguMzUyTDQ4LjEsNDcuMDU4ICAgIGMwLjAxNi0wLjUzOCwwLjQzNi0wLjk1OSwwLjk2Ni0wLjk1OWMwLjUyNiwwLDAuOTUyLDAuNDIxLDAuOTYsMC45NTlsMC40ODUsMTcuMzUyTDUwLjAyNSw3Mi43NTd6IE01My41NjYsNzEuODc2bC0wLjA0MywwLjgxOCAgICBjLTAuMDA1LDAuMjg1LTAuMTI1LDAuNTQzLTAuMzA4LDAuNzI5Yy0wLjE4OCwwLjE4My0wLjQ0NiwwLjMtMC43MTksMC4zYy0wLjMxOCwwLTAuNTk4LTAuMTQ2LTAuNzktMC4zNzYgICAgYy0wLjE0Mi0wLjE2Ny0wLjIzLTAuMzgzLTAuMjQtMC42MWMtMC4wMDMtMC4wMS0wLjAwMy0wLjAyMy0wLjAwMy0wLjAzN2MwLDAtMC4zOTUtOC4yODYtMC4zOTUtOC4zbDAuMzktMjAuNDQzbDAuMDA1LTAuMTk2ICAgIGMwLjAwMy0wLjM1OCwwLjE5My0wLjY3NywwLjQ3Ny0wLjg2YzAuMTU5LTAuMTA2LDAuMzQ3LTAuMTY4LDAuNTU3LTAuMTY4YzAuMjA2LDAsMC40MDEsMC4wNjQsMC41NjQsMC4xNzcgICAgYzAuMjc3LDAuMTg1LDAuNDU4LDAuNDk2LDAuNDYzLDAuODUybDAuNDM0LDIwLjY0OEw1My41NjYsNzEuODc2eiBNNTcuMDA3LDcyLjU4N3YtMC4wMWMtMC4wMDcsMC42MDQtMC41MDIsMS4wOTYtMS4xLDEuMDk2ICAgIGMtMC42LDAtMS4wOTQtMC40OTItMS4xLTEuMDkxbC0wLjIyNy00LjAzbC0wLjIyMy00LjEzOGwwLjQ1LTIyLjQwNnYtMC4xMTNjMC4wMDEtMC4zNCwwLjE2MS0wLjY0NCwwLjQwOC0wLjg0OSAgICBjMC4xODktMC4xNTUsMC40MzItMC4yNDksMC42OTItMC4yNDljMC4yMDcsMCwwLjM5OSwwLjA1NywwLjU2MywwLjE1M2MwLjMxMywwLjE5NiwwLjUzMiwwLjU0MywwLjU0MiwwLjk0bDAuNDg3LDIyLjUyMyAgICBMNTcuMDA3LDcyLjU4N3ogTTg2Ljc0LDczLjY5NWMwLDAtMjcuNjgzLDAtMjcuNzEyLDBjLTAuNTk4LTAuMDYxLTEuMDcxLTAuNTM3LTEuMDgxLTEuMTVWNDAuODIxICAgIGMwLjAxLTAuNTg0LDAuMjExLTAuODg1LDAuOTYzLTEuMTc0YzEuOTQxLTAuNzUyLDQuMTM5LTEuMTk2LDYuMzk4LTEuMTk2YzkuMjE1LDAsMTYuNzY2LDcuMDY5LDE3LjU2NywxNi4wNzQgICAgYzEuMTg2LTAuNDk1LDIuNDk2LTAuNzc3LDMuODY1LTAuNzc3YzUuNTE4LDAsOS45OTIsNC40NzYsOS45OTIsOS45OThDOTYuNzMyLDY5LjI2Nyw5Mi4yNTgsNzMuNjk1LDg2Ljc0LDczLjY5NUw4Ni43NCw3My42OTV6IiBzdHlsZT0iZmlsbDojRjFGMkYyOyIvPjwvZz48L2c+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PC9zdmc+') no-repeat center center;
        background-size: contain;
      }
    }
  }

  $icon-size: 1.7rem;

  .logo-messenger-64 {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1Ni43cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1Ni43IDU2Ljc7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHdpZHRoPSI1Ni43cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJGYWNlYm9va19NZXNzZW5nZXJfMV8iPjxnPjxwYXRoIGQ9Ik0yOC40MzQyLDMuODQxNmMtMTMuNDUyMSwwLTI0LjM1NzEsMTAuMTU5OS0yNC4zNTcxLDIyLjY5M2MwLDcuMTQxNSwzLjU0MTksMTMuNTExNSw5LjA3NzIsMTcuNjcxM3Y4LjY1MjVsOC4yOTM0LTQuNTc5OSAgICBjMi4yMTMzLDAuNjE2Myw0LjU1ODEsMC45NDksNi45ODY2LDAuOTQ5YzEzLjQ1MjEsMCwyNC4zNTcxLTEwLjE1OTksMjQuMzU3MS0yMi42OTNTNDEuODg2MywzLjg0MTYsMjguNDM0MiwzLjg0MTZ6ICAgICBNMzAuODU0OCwzNC40MDE1bC02LjIwMjctNi42NTY2bC0xMi4xMDI5LDYuNjU2NmwxMy4zMTMyLTE0LjIyMDlsNi4zNTQsNi42NTY2bDExLjk1MTYtNi42NTY2TDMwLjg1NDgsMzQuNDAxNXoiLz48L2c+PC9nPjwvc3ZnPg==') no-repeat center center;
    background-position-x: -.1rem;
    background-size: contain;
    display: inline-block;
    height: $icon-size;
    margin-right: .4rem;
    vertical-align: middle;
    width: $icon-size;
  }

  .item-list-links {
    ion-icon,
    span {
      vertical-align: middle;
    }

    ion-icon {
      font-size: 2rem;
    }

    span {
      font-size: 1.4rem;
    }

    &.misc-links {
      span {
        font-size: 1.2rem;
      }
    }
  }
}