mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-06 21:42:49 +00:00
141 lines
2.9 KiB
SCSS
141 lines
2.9 KiB
SCSS
/*!
|
|
* Copyright (C) 2023 StApps
|
|
* This program is free software: you can redistribute it and/or modify it
|
|
* under the terms of the GNU General Public License as published by the Free
|
|
* Software Foundation, version 3.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
* more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with
|
|
* this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
// http://ionicframework.com/docs/theming/
|
|
@import '~@ionic/angular/css/normalize.css';
|
|
@import '~@ionic/angular/css/structure.css';
|
|
@import '~@ionic/angular/css/typography.css';
|
|
@import '~@ionic/angular/css/core.css';
|
|
|
|
@import '~@ionic/angular/css/padding.css';
|
|
@import '~@ionic/angular/css/float-elements.css';
|
|
@import '~@ionic/angular/css/text-alignment.css';
|
|
@import '~@ionic/angular/css/text-transformation.css';
|
|
@import '~@ionic/angular/css/flex-utils.css';
|
|
@import '~@ionic/angular/css/display.css';
|
|
|
|
// https://swiperjs.com/angular#styles
|
|
@import 'swiper/scss';
|
|
@import 'swiper/scss/controller';
|
|
|
|
// @import 'material-symbols/rounded.scss';
|
|
@import './theme/material-symbols.scss';
|
|
@import './theme/common/_ion-content-parallax.scss';
|
|
|
|
/* StApps */
|
|
|
|
stapps-icon {
|
|
--size-unit: 1px;
|
|
--weight: 400;
|
|
--grade: 0;
|
|
--fill: 0;
|
|
}
|
|
|
|
.map-location-pin {
|
|
font-variation-settings: 'FILL' 1;
|
|
color: var(--ion-color-tertiary);
|
|
|
|
&::before {
|
|
content: attr(name);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
font-variation-settings: 'FILL' 0;
|
|
color: white;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
|
|
ion-item {
|
|
h2.name {
|
|
font-weight: bold;
|
|
}
|
|
ion-thumbnail {
|
|
background: transparent;
|
|
--size: 36px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px;
|
|
margin: 0;
|
|
ion-icon {
|
|
width: 100%;
|
|
height: 100%;
|
|
color: white;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
ion-item,
|
|
ion-card.compact {
|
|
ion-grid,
|
|
ion-col {
|
|
padding-inline-start: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.centeredMessageContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
min-height: 50vh;
|
|
margin: 20px;
|
|
|
|
ion-icon {
|
|
font-size: 64px;
|
|
}
|
|
|
|
ion-label {
|
|
font-size: x-large;
|
|
}
|
|
}
|
|
|
|
.add-event-popover {
|
|
--width: fit-content;
|
|
--max-width: 95%;
|
|
}
|
|
|
|
ion-card.bold-header {
|
|
ion-card-header {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
ion-header {
|
|
stapps-favorite-button {
|
|
ion-icon {
|
|
color: var(--ion-color-primary-contrast);
|
|
}
|
|
}
|
|
}
|
|
|
|
.ion-content-parallax {
|
|
@include ion-content-parallax();
|
|
}
|
|
|
|
ion-alert {
|
|
button.alert-button.preferred {
|
|
background-color: var(--ion-color-primary);
|
|
color: var(--ion-color-primary-contrast);
|
|
}
|
|
button.alert-button.default {
|
|
background-color: transparent;
|
|
color: var(--ion-color-primary);
|
|
}
|
|
}
|