mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-20 16:42:56 +00:00
refactor: move app to monorepo
This commit is contained in:
37
frontend/app/src/theme/components/_card.scss
Normal file
37
frontend/app/src/theme/components/_card.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
/*!
|
||||
* 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/>.
|
||||
*/
|
||||
|
||||
.card {
|
||||
box-shadow: var(--shadow-cards);
|
||||
// background-color: var(--ion-item-color);
|
||||
border-radius: var(--border-radius-default);
|
||||
padding: var(--spacing-md);
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-bold);
|
||||
text-align: left;
|
||||
display: block;
|
||||
height: 100%;
|
||||
transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
a.card,
|
||||
.card.clickable {
|
||||
&:hover {
|
||||
transform: translate(-5px, -5px);
|
||||
box-shadow: var(--shadow-cards-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
22
frontend/app/src/theme/components/_image-dark.scss
Normal file
22
frontend/app/src/theme/components/_image-dark.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
/*!
|
||||
* 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/>.
|
||||
*/
|
||||
|
||||
@import '../util/dark';
|
||||
|
||||
@include dark-only {
|
||||
.image-dark {
|
||||
filter: invert(1);
|
||||
}
|
||||
}
|
||||
12
frontend/app/src/theme/components/_section.scss
Normal file
12
frontend/app/src/theme/components/_section.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
.section-headline {
|
||||
font-size: var(--font-size-lg);
|
||||
font-weight: var(--font-weight-black);
|
||||
font-stretch: condensed;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: var(--spacing-sm);
|
||||
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: revert;
|
||||
justify-content: space-between;
|
||||
}
|
||||
Reference in New Issue
Block a user