mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-19 16:13:06 +00:00
feat: separate prettier from eslint
This commit is contained in:
committed by
Thea Schöbl
parent
939fb6ef0f
commit
a88d000ccd
@@ -1,3 +1,18 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Barlow';
|
||||
src: url('../assets/fonts/barlow/Barlow-Regular.ttf');
|
||||
@@ -34,4 +49,3 @@
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,3 +1,18 @@
|
||||
/*!
|
||||
* 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/>.
|
||||
*/
|
||||
|
||||
.no-padding-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
@@ -14,8 +29,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
%vertical-list {
|
||||
%vertical-list {
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -32,17 +46,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
%horizontal-list {
|
||||
%horizontal-list {
|
||||
@extend %vertical-list;
|
||||
ul {
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
li:not(:first-child):before {
|
||||
content: " • ";
|
||||
content: ' • ';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.vertical-list {
|
||||
@@ -54,4 +67,4 @@
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,17 @@
|
||||
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
app-root {
|
||||
// Change default border radius
|
||||
@@ -16,7 +29,6 @@ app-root {
|
||||
--padding-bottom: var(--spacing-sm);
|
||||
height: auto;
|
||||
|
||||
|
||||
// Add default border, so buttons have the same size
|
||||
&:not([fill='outline'])::part(native) {
|
||||
border: var(--border-width-default) solid transparent;
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
$background: var(--ion-color-light),
|
||||
$parallax-strength: 2,
|
||||
$overscroll-padding: 720px,
|
||||
$content-size: 230px,
|
||||
$content-size: 230px
|
||||
) {
|
||||
&::part(background) {
|
||||
background: $background;
|
||||
@@ -32,7 +32,7 @@
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -46,9 +46,7 @@
|
||||
height: $height;
|
||||
width: 150%;
|
||||
transform-origin: 50% $transform-origin;
|
||||
transform:
|
||||
translate3d(0px, $translateY, $translateZ)
|
||||
scale($parallax-strength);
|
||||
transform: translate3d(0px, $translateY, $translateZ) scale($parallax-strength);
|
||||
z-index: -1;
|
||||
|
||||
background: $parallax-background;
|
||||
|
||||
@@ -1,4 +1,19 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
.sc-ion-popover-ios-h,
|
||||
.sc-ion-popover-md-h {
|
||||
--width: 98vw
|
||||
--width: 98vw;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,17 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
ion-refresher {
|
||||
background-color: var(--ion-color-primary);
|
||||
|
||||
@@ -1,3 +1,18 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
app-root ion-toolbar.in-toolbar {
|
||||
--background: var(--ion-color-primary);
|
||||
--border-color: var(--ion-color-primary);
|
||||
@@ -11,7 +26,7 @@ app-root ion-toolbar.in-toolbar {
|
||||
--opacity: 1;
|
||||
padding: 0 var(--spacing-md) var(--spacing-md);
|
||||
|
||||
&:first-of-type{
|
||||
&:first-of-type {
|
||||
--padding-top: 0;
|
||||
--padding-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
@@ -1,3 +1,18 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
@import '../../theme/util/mixins';
|
||||
|
||||
.swiper.card-swiper {
|
||||
@@ -9,13 +24,13 @@
|
||||
flex-direction: column;
|
||||
height: auto; // required for same height of cards
|
||||
|
||||
|
||||
a {
|
||||
color: var(--ion-color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
--swiper-navigation-size: 20px;
|
||||
top: calc(-1 * var(--spacing-lg));
|
||||
transform: translateY(0%);
|
||||
|
||||
@@ -1,3 +1,18 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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/>.
|
||||
*/
|
||||
|
||||
.card {
|
||||
box-shadow: var(--shadow-cards);
|
||||
background-color: var(--ion-color-primary-contrast);
|
||||
@@ -8,8 +23,7 @@
|
||||
text-align: left;
|
||||
display: block;
|
||||
height: 100%;
|
||||
transition: transform 250ms ease-in-out,
|
||||
box-shadow 250ms ease-in-out;
|
||||
transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
/*!
|
||||
* Copyright (C) 2022 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 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.
|
||||
* 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/>.
|
||||
* You should have received a copy of the GNU General Public License along with
|
||||
* this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "Material Symbols Rounded";
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-style: normal;
|
||||
font-weight: 100 700;
|
||||
font-display: block;
|
||||
|
||||
@@ -13,69 +13,67 @@
|
||||
* this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* Breakpoints copied from node_modules/@ionic/angular/css/display.css
|
||||
*/
|
||||
|
||||
@mixin ion-sm-up {
|
||||
@media (min-width: 576px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-sm-down {
|
||||
@media (max-width: 575.98px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-md-up {
|
||||
@media (min-width: 768px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-md-down {
|
||||
@media (max-width: 767.98px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-lg-up {
|
||||
@media (min-width: 992px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-lg-down {
|
||||
@media (max-width: 991.98px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-xl-up {
|
||||
@media (min-width: 1200px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin ion-xl-down {
|
||||
@media (max-width: 1199.98px) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin phoneLandscape {
|
||||
@media (max-height: 500px) and (orientation: landscape) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin phonePortraitSmall {
|
||||
@media (max-height: 700px) and (orientation: portrait) {
|
||||
@content
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin auto-grid($item-width) {
|
||||
// fit as many items on the page while keeping items >$item-width,
|
||||
// but also ensure items get shrunk on small screens
|
||||
grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr))
|
||||
grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr));
|
||||
}
|
||||
|
||||
@mixin border-radius-in-parallax($border-radius) {
|
||||
|
||||
@@ -20,78 +20,78 @@
|
||||
:root {
|
||||
/** primary **/
|
||||
--ion-color-primary: #488aff;
|
||||
--ion-color-primary-rgb: 72,138,255;
|
||||
--ion-color-primary-rgb: 72, 138, 255;
|
||||
--ion-color-primary-contrast: #fff;
|
||||
--ion-color-primary-contrast-rgb: 255,255,255;
|
||||
--ion-color-primary-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-primary-shade: #3f79e0;
|
||||
--ion-color-primary-tint: #5a96ff;
|
||||
|
||||
/** secondary **/
|
||||
--ion-color-secondary: #32db64;
|
||||
--ion-color-secondary-rgb: 50,219,100;
|
||||
--ion-color-secondary-rgb: 50, 219, 100;
|
||||
--ion-color-secondary-contrast: #fff;
|
||||
--ion-color-secondary-contrast-rgb: 255,255,255;
|
||||
--ion-color-secondary-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-secondary-shade: #2cc158;
|
||||
--ion-color-secondary-tint: #47df74;
|
||||
|
||||
/** tertiary **/
|
||||
--ion-color-tertiary: #f4a942;
|
||||
--ion-color-tertiary-rgb: 244,169,66;
|
||||
--ion-color-tertiary-rgb: 244, 169, 66;
|
||||
--ion-color-tertiary-contrast: #fff;
|
||||
--ion-color-tertiary-contrast-rgb: 255,255,255;
|
||||
--ion-color-tertiary-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-tertiary-shade: #d7953a;
|
||||
--ion-color-tertiary-tint: #f5b255;
|
||||
|
||||
/** success **/
|
||||
--ion-color-success: #10dc60;
|
||||
--ion-color-success-rgb: 16,220,96;
|
||||
--ion-color-success-rgb: 16, 220, 96;
|
||||
--ion-color-success-contrast: #fff;
|
||||
--ion-color-success-contrast-rgb: 255,255,255;
|
||||
--ion-color-success-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-success-shade: #0ec254;
|
||||
--ion-color-success-tint: #28e070;
|
||||
|
||||
/** warning **/
|
||||
--ion-color-warning: #ffce00;
|
||||
--ion-color-warning-rgb: 255,206,0;
|
||||
--ion-color-warning-rgb: 255, 206, 0;
|
||||
--ion-color-warning-contrast: #000;
|
||||
--ion-color-warning-contrast-rgb: 0,0,0;
|
||||
--ion-color-warning-contrast-rgb: 0, 0, 0;
|
||||
--ion-color-warning-shade: #e0b500;
|
||||
--ion-color-warning-tint: #ffd31a;
|
||||
|
||||
/** danger **/
|
||||
--ion-color-danger: #f53d3d;
|
||||
--ion-color-danger-rgb: 245,61,61;
|
||||
--ion-color-danger-rgb: 245, 61, 61;
|
||||
--ion-color-danger-contrast: #fff;
|
||||
--ion-color-danger-contrast-rgb: 255,255,255;
|
||||
--ion-color-danger-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-danger-shade: #d83636;
|
||||
--ion-color-danger-tint: #f65050;
|
||||
|
||||
/** light **/
|
||||
--ion-color-light: #f4f4f4;
|
||||
--ion-color-light-rgb: 244,244,244;
|
||||
--ion-color-light-rgb: 244, 244, 244;
|
||||
--ion-color-light-contrast: #000;
|
||||
--ion-color-light-contrast-rgb: 0,0,0;
|
||||
--ion-color-light-contrast-rgb: 0, 0, 0;
|
||||
--ion-color-light-shade: #d7d7d7;
|
||||
--ion-color-light-tint: #f5f5f5;
|
||||
|
||||
/** medium **/
|
||||
--ion-color-medium: #989aa2;
|
||||
--ion-color-medium-rgb: 152,154,162;
|
||||
--ion-color-medium-rgb: 152, 154, 162;
|
||||
--ion-color-medium-contrast: #000;
|
||||
--ion-color-medium-contrast-rgb: 0,0,0;
|
||||
--ion-color-medium-contrast-rgb: 0, 0, 0;
|
||||
--ion-color-medium-shade: #86888f;
|
||||
--ion-color-medium-tint: #a2a4ab;
|
||||
|
||||
/** dark **/
|
||||
--ion-color-dark: #222;
|
||||
--ion-color-dark-rgb: 34,34,34;
|
||||
--ion-color-dark-rgb: 34, 34, 34;
|
||||
--ion-color-dark-contrast: #fff;
|
||||
--ion-color-dark-contrast-rgb: 255,255,255;
|
||||
--ion-color-dark-contrast-rgb: 255, 255, 255;
|
||||
--ion-color-dark-shade: #1e1e1e;
|
||||
--ion-color-dark-tint: #383838;
|
||||
|
||||
/** StApps **/
|
||||
--placeholder-gray: #F1F0ED;
|
||||
--placeholder-gray: #f1f0ed;
|
||||
--calender-date-line-gray: #dbdbdb;
|
||||
--calender-background-color: #fff;
|
||||
--calender-background-color-rgb: 255, 255, 255;
|
||||
@@ -101,7 +101,8 @@
|
||||
--calender-black-card-rgb: 0, 0, 0;
|
||||
--calender-default-card: var(--ion-color-light);
|
||||
/** Change the colors of the toolbar and the toolbar text here **/
|
||||
--map-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
--map-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
--ion-color-text: #000;
|
||||
--ion-color-field-bg: #fff;
|
||||
@@ -109,18 +110,16 @@
|
||||
|
||||
--linear-gradient: linear-gradient(135deg, var(--ion-color-primary-shade), var(--ion-color-tertiary));
|
||||
|
||||
|
||||
// Shadows
|
||||
--shadow-default: 0px 0px 10px 4px #ddd;
|
||||
--shadow-cards: 0 0 8px 1px #ddd;
|
||||
--shadow-cards-hover: 5px 5px 8px 4px #ccc;
|
||||
--shadow-profile-card: 0 2px 6px 6px rgba(0,0,0,0.06),
|
||||
0 4px 5px 12px rgba(0,0,0,0.04),
|
||||
0 5px 6px 20px rgba(0,0,0,0.02);
|
||||
--shadow-profile-card: 0 2px 6px 6px rgba(0, 0, 0, 0.06), 0 4px 5px 12px rgba(0, 0, 0, 0.04),
|
||||
0 5px 6px 20px rgba(0, 0, 0, 0.02);
|
||||
|
||||
// Fonts
|
||||
--ion-font-family: "Barlow",Helvetica,Arial,sans-serif;
|
||||
--headline-font-family: "Barlow Condensed",Helvetica,Arial,sans-serif;
|
||||
--ion-font-family: 'Barlow', Helvetica, Arial, sans-serif;
|
||||
--headline-font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
|
||||
|
||||
--font-size-xxs: 10px;
|
||||
--font-size-xs: 12px;
|
||||
@@ -156,15 +155,15 @@
|
||||
--tablet-top-bar-height: 96px;
|
||||
|
||||
--ion-tabbar-height: 50px;
|
||||
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
font-family: var(--ion-font-family);
|
||||
background-color: var(--ion-color-primary);
|
||||
}
|
||||
|
||||
@import "~swiper/css/navigation";
|
||||
@import '~swiper/css/navigation';
|
||||
|
||||
// Import all other styles
|
||||
@import 'fonts';
|
||||
|
||||
Reference in New Issue
Block a user