// 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 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; } }