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

style(course-teaser): add borders inbetween course-teasers

Browse Source
This commit is contained in:
Felix Hamann 2019-08-16 23:43:32 +02:00
parent aeadd528d9
commit 935b76ce45
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,12 @@
[uw-course-teaser] { [uw-course-teaser] {
--course-border-color: var(--color-grey);
--course-padding-hori: 10px;
--course-padding-vert: 16px;
display: grid; display: grid;
grid-gap: 5px 7px; grid-gap: 5px 7px;
grid-template-columns: 50px 120px 1fr; grid-template-columns: 50px 120px 1fr;
padding: 10px; padding: var(--course-padding-vert) var(--course-padding-hori);
/* background-color: var(--course-bg-color); */
transition: background-color .1s ease-out; transition: background-color .1s ease-out;
&:not(.course-teaser__disabled) { &:not(.course-teaser__disabled) {
@ -15,10 +18,14 @@
} }
+ [uw-course-teaser] { + [uw-course-teaser] {
margin-top: 10px; border-top: 1px solid var(--course-border-color);
} }
} }
.course-teaser__disabled {
opacity: 0.7;
}
/* chevron */ /* chevron */
.course-teaser__chevron { .course-teaser__chevron {
cursor: pointer; cursor: pointer;