refactor(course-teaser): cleanup CSS
This commit is contained in:
parent
9b195155c1
commit
6383fbd518
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user