forked from docs/docsportal
0dc7a4870b
Reviewed-by: gtema <artem.goncharov@gmail.com> Co-authored-by: Goncharov, Artem argoncha <artem.goncharov@t-systems.com> Co-committed-by: Goncharov, Artem argoncha <artem.goncharov@t-systems.com>
50 lines
904 B
CSS
50 lines
904 B
CSS
/* Limit image in the card title*/
|
|
.card-img-top {
|
|
max-width: 4rem;
|
|
height: 4rem;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
/* decorate links in card */
|
|
.card a {
|
|
text-decoration: none;
|
|
}
|
|
.card li:hover {
|
|
background: lightgray;
|
|
}
|
|
.card-title {
|
|
font-weight: unset;
|
|
}
|
|
|
|
/* Special boxes for cards */
|
|
.card {
|
|
box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
|
|
transition: transform .2s;
|
|
}
|
|
|
|
.card:hover {
|
|
box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
/* on large screen we want card to be approx of the same size */
|
|
@media (min-width:768px) {
|
|
.navigator-container .card {
|
|
min-height: 300px;
|
|
}
|
|
/* disable push to bottom on the card */
|
|
.navigator-container .card .card-body {
|
|
flex: unset;
|
|
}
|
|
|
|
}
|
|
|
|
/* limit icon size in the card li */
|
|
.navigator-container .card > ul > li > a > div > div > img {
|
|
max-height: 20px;
|
|
max-width: 20px;
|
|
}
|
|
|
|
.navigator-container .card li {
|
|
padding: 0.2rem 1rem;
|
|
}
|