Vmeda.Online/src/app/app.md.scss

58 lines
1.5 KiB
SCSS
Raw Normal View History

2018-08-31 08:26:37 +00:00
ion-app.app-root.md {
.button-md {
min-height: $button-md-height;
}
2017-12-18 09:48:04 +00:00
2018-08-31 08:26:37 +00:00
// Light buttons color.
.button-md-light {
color: color($colors, primary, base);
}
2017-12-18 09:48:04 +00:00
2018-08-31 08:26:37 +00:00
.col[align-self-stretch] .card-md {
height: calc(100% - #{($card-md-margin-end + $card-md-margin-start)});
}
2017-12-29 17:05:52 +00:00
2018-08-31 08:26:37 +00:00
.bar-buttons core-context-menu .button-clear-md {
color: $toolbar-md-button-color;
}
2017-12-28 11:55:54 +00:00
2018-08-31 08:26:37 +00:00
.item-md ion-spinner[item-start] + .item-inner,
.item-md ion-spinner[item-start] + .item-input {
@include margin-horizontal($item-md-padding-start + ($item-md-padding-start / 2) - 1, null);
}
2018-01-24 10:35:49 +00:00
2018-08-31 08:26:37 +00:00
@each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
.core-#{$color-name}-card {
@extend .card-md;
@extend .card-content-md;
2018-08-31 08:26:37 +00:00
&[icon-start] {
@include padding(null, null, null, $card-md-padding-left * 2 + 20);
2018-08-31 08:26:37 +00:00
ion-icon {
@include position(null, null, null, $card-md-padding-left);
}
}
}
2018-01-24 14:39:05 +00:00
}
2018-08-31 08:26:37 +00:00
.core-avoid-header ion-content {
top: $navbar-md-height;
height: calc(100% - #{($navbar-md-height)});
}
// Different levels of padding.
@for $i from 0 through 15 {
.core-padding-#{$i} {
@include padding(null, null, null, 15px * $i + $item-md-padding-start);
}
}
2018-08-31 08:26:37 +00:00
// Recover borders on items inside cards.
.card-md.with-borders .item-md.item-block .item-inner {
border-bottom: 1px solid $list-md-border-color;
}
.card-md.with-borders .item-md:last-child .item-inner {
border-bottom: 0;
}
}