2017-10-18 10:20:40 +00:00
|
|
|
// 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.
|
2017-11-21 15:35:41 +00:00
|
|
|
|
|
|
|
|
|
2017-11-24 11:31:09 +00:00
|
|
|
// Alignment
|
|
|
|
|
// -------------------------
|
|
|
|
|
|
|
|
|
|
.text-left { text-align: left; }
|
|
|
|
|
.text-right { text-align: right; }
|
|
|
|
|
.text-center { text-align: center; }
|
2017-12-18 09:48:04 +00:00
|
|
|
.text-justify { text-align: justify; }
|
2017-11-21 15:35:41 +00:00
|
|
|
|
2017-11-24 11:31:09 +00:00
|
|
|
|
|
|
|
|
@media only screen and (min-width: 430px) {
|
|
|
|
|
.mm-center-view .scroll-content {
|
2017-12-18 09:48:04 +00:00
|
|
|
display: flex!important;
|
|
|
|
|
align-content: center !important;
|
|
|
|
|
align-items: center !important;
|
|
|
|
|
> * {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
max-width: 600px;
|
2017-11-24 11:31:09 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2017-12-18 09:48:04 +00:00
|
|
|
|
2017-11-27 10:57:52 +00:00
|
|
|
// Define an alternative way to set a heading in an item without using a heading tag.
|
|
|
|
|
// This is done for accessibility reasons when a heading is semantically incorrect.
|
|
|
|
|
.item .item-heading {
|
|
|
|
|
@extend h6;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mm-oauth-icon, .item.mm-oauth-icon, .list .item.mm-oauth-icon {
|
2017-12-18 09:48:04 +00:00
|
|
|
min-height: 32px;
|
|
|
|
|
img, .label {
|
2017-11-27 10:57:52 +00:00
|
|
|
max-height: 32px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
img {
|
|
|
|
|
max-width: 32px;
|
|
|
|
|
}
|
2017-12-18 09:48:04 +00:00
|
|
|
.label {
|
2017-11-27 10:57:52 +00:00
|
|
|
margin-left: 5px;
|
|
|
|
|
color: $gray-darker;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-11-27 12:10:56 +00:00
|
|
|
|
|
|
|
|
.mm-bold, .mm-bold .label {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2017-11-29 15:03:47 +00:00
|
|
|
|
2017-12-18 09:48:04 +00:00
|
|
|
// Avatar
|
|
|
|
|
// -------------------------
|
|
|
|
|
// Large centered avatar
|
2017-11-30 11:02:49 +00:00
|
|
|
.item-avatar-center {
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
&.item-complex .item-content {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-left: 49px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> img:first-child,
|
|
|
|
|
ion-avatar img {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: auto;
|
|
|
|
|
width: 90px;
|
|
|
|
|
height: 90px;
|
|
|
|
|
max-width: 90px;
|
|
|
|
|
max-height: 90px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
border-radius : 50%;
|
|
|
|
|
padding: 4px;
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
|
|
|
|
&.avatar-full {
|
|
|
|
|
border-radius: 2%;
|
|
|
|
|
border: 0;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 160px;
|
|
|
|
|
width: auto;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-12-18 09:48:04 +00:00
|
|
|
|
|
|
|
|
ion-avatar ion-img, ion-avatar img {
|
|
|
|
|
text-indent: -99999px;
|
|
|
|
|
background-color: $gray-light;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Form items
|
|
|
|
|
// -------------------------
|
|
|
|
|
|
|
|
|
|
.item .core-input-footnote {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
|
