// http://ionicframework.com/docs/v2/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. ion-content > .scroll-content { background-color: color($colors, light); } .item-range, .item-segment { ion-label { align-self: flex-start; } > .item-inner > .input-wrapper { flex-direction: column; > ion-label { width: 100%; ion-badge { float: right; } } } } .list-header-ios, ion-list:first-child ion-list-header { padding-top: 16px; } .list-header-md { margin-bottom: 0; } .list-md + ion-list ion-list-header { padding-top: 16px; } ion-segment { margin-bottom: 13px; }