fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(course-teaser): make title and shorthand more obvious

Browse Source
This commit is contained in:
Felix Hamann 2019-08-17 01:14:41 +02:00
parent f1722c1b0e
commit 873c0f249a
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/utils/course-teaser/course-teaser.scss
View File

@ -4,11 +4,12 @@
--course-padding-vert: 12px;
display: grid;
position: relative;
grid-gap: 5px 7px;
grid-template-columns: 140px 1fr 80px;
grid-template-areas:
'smstr school chevron'
'shrthnd title chevron'
'smstr school chevron'
'. rgstrd . '
'tutor name . '
'duedate date . '
@ -66,7 +67,6 @@
.course-teaser__semester {
grid-area: smstr;
justify-self: end;
font-size: 1.1rem;
a {
color: var(--color-fontsec);
}
@ -74,11 +74,11 @@
/* shorthand */
.course-teaser__shorthand {
position: absolute;
grid-area: shrthnd;
justify-self: end;
font-size: 1.2rem;
font-size: 2rem;
font-weight: bold;
overflow-wrap: anywhere;
color: var(--color-grey-medium);
}
/* title */
@ -98,7 +98,6 @@
/* school */
.course-teaser__school {
grid-area: school;
align-self: end;
a {
color: var(--color-fontsec);
}