104 lines
1.6 KiB
SCSS
104 lines
1.6 KiB
SCSS
#about-page {
|
|
ion-toolbar {
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
|
|
--background: transparent;
|
|
--color: white;
|
|
}
|
|
|
|
ion-toolbar ion-back-button,
|
|
ion-toolbar ion-button,
|
|
ion-toolbar ion-menu-button {
|
|
--color: white;
|
|
}
|
|
|
|
.about-header {
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
height: 30%;
|
|
}
|
|
|
|
.about-header .about-image {
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
|
|
opacity: 0;
|
|
|
|
transition: opacity 500ms ease-in-out;
|
|
}
|
|
|
|
.about-header .madison {
|
|
background-image: url('/assets/img/about/madison.jpg');
|
|
}
|
|
|
|
.about-header .austin {
|
|
background-image: url('/assets/img/about/austin.jpg');
|
|
}
|
|
|
|
.about-header .chicago {
|
|
background-image: url('/assets/img/about/chicago.jpg');
|
|
}
|
|
|
|
.about-header .seattle {
|
|
background-image: url('/assets/img/about/seattle.jpg');
|
|
}
|
|
|
|
.about-info {
|
|
position: relative;
|
|
margin-top: -10px;
|
|
border-radius: 10px;
|
|
background: var(--ion-background-color, #fff);
|
|
z-index: 2; // display rounded border above header image
|
|
}
|
|
|
|
.about-info h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.about-info ion-list {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.about-info p {
|
|
line-height: 130%;
|
|
|
|
color: var(--ion-color-dark);
|
|
}
|
|
|
|
.about-info ion-icon {
|
|
margin-inline-end: 32px;
|
|
}
|
|
|
|
/*
|
|
* iOS Only
|
|
*/
|
|
|
|
.ios .about-info {
|
|
--ion-padding: 19px;
|
|
}
|
|
|
|
.ios .about-info h3 {
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
#date-input-popover {
|
|
--offset-y: -var(--ion-safe-area-bottom);
|
|
|
|
--max-width: 90%;
|
|
--width: 336px;
|
|
}
|