refactor(course-teaser): cleanup CSS

This commit is contained in:
Gregor Kleen 2019-08-09 09:50:13 +02:00
parent 9b195155c1
commit 6383fbd518
2 changed files with 36 additions and 36 deletions

View File

@ -57,6 +57,7 @@
justify-self: end; justify-self: end;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: bold; font-weight: bold;
overflow-wrap: anywhere;
} }
/* title */ /* title */
@ -131,3 +132,37 @@
display: block; display: block;
} }
} }
/*
course teaser: header styling
*/
.course-teaser-header {
padding-top: 20px;
padding-bottom: 20px;
.course-header {
background-color: var(--color-dark);
position: relative;
font-size: 16px;
color: #fff;
line-height: 1.4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 35px;
font-weight: bold;
text-align: left;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
margin-right: 30px;
.course-header-link {
color: white;
font-weight: bold;
text-decoration: none;
&:hover {
color: inherit;
}
}
}
}

View File

@ -649,38 +649,3 @@ section {
.form--inline { .form--inline {
display: inline-block; display: inline-block;
} }
/*
course teaser: header styling
TODO: move somewhere else?
*/
.course-teaser-header {
padding-top: 20px;
padding-bottom: 20px;
.course-header {
background-color: var(--color-dark);
position: relative;
font-size: 16px;
color: #fff;
line-height: 1.4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 35px;
font-weight: bold;
text-align: left;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
margin-right: 30px;
.course-header-link {
color: white;
font-weight: bold;
text-decoration: none;
&:hover {
color: inherit;
}
}
}
}