Шаблон:LinkCard/styles.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 5: | Строка 5: | ||
--background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); | --background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); | ||
display: inline- | display: inline-flex; | ||
flex-direction: column; | |||
position: relative; | position: relative; | ||
min-width: 110px; | min-width: 110px; | ||
| Строка 34: | Строка 35: | ||
background: rgba(var(--color-darkened--rgb), 0.2); | background: rgba(var(--color-darkened--rgb), 0.2); | ||
font-weight: bold; | font-weight: bold; | ||
flex-grow: 2; | |||
} | } | ||
| Строка 54: | Строка 56: | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
.link-card { | .link-card { | ||
flex-direction: row; | |||
width: 100%; | width: 100%; | ||
text-align: left; | text-align: left; | ||
box-shadow: var(--box-shadow); | box-shadow: var(--box-shadow); | ||
min-width: 0; | min-width: 0; | ||
| Строка 78: | Строка 79: | ||
.link-card__side { | .link-card__side { | ||
flex-direction: row; | |||
width: 100%; | width: 100%; | ||
text-align: left; | text-align: left; | ||