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