2206
редагувань
MediaWiki:Common.css: відмінності між версіями
Стилі для секції Міста у мобільному drawer (Minerva-look)
Admin (обговорення | внесок) (Додано CSS брендингу MinervaNeue (іконка + назва сайту)) |
Admin (обговорення | внесок) (Стилі для секції Міста у мобільному drawer (Minerva-look)) |
||
| Рядок 542: | Рядок 542: | ||
align-items: center; | align-items: center; | ||
gap: 8px; | gap: 8px; | ||
} | |||
/* MinervaNeue — секція "Міста" у бургер-drawer (нашого Common.js) */ | |||
.skin-minerva .cities-drawer-section { | |||
border-top: 1px solid #eaecf0; | |||
margin-top: 8px; | |||
} | |||
.skin-minerva .cities-drawer-section__heading { | |||
margin: 0; | |||
padding: 14px 16px 6px; | |||
font-family: inherit; | |||
font-size: 12px; | |||
font-weight: 700; | |||
color: #72777d; | |||
text-transform: uppercase; | |||
letter-spacing: 0.06em; | |||
border: none; | |||
background: transparent; | |||
} | |||
.skin-minerva .cities-drawer-section__list { | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
} | |||
.skin-minerva .cities-drawer-item .toggle-list-item__anchor { | |||
display: flex; | |||
align-items: center; | |||
gap: 12px; | |||
padding: 10px 16px; | |||
text-decoration: none; | |||
color: #202122; | |||
font-size: 16px; | |||
} | |||
.skin-minerva .cities-drawer-item .toggle-list-item__label { | |||
flex: 1; | |||
} | |||
.skin-minerva .cities-drawer-item__icon { | |||
width: 20px; | |||
height: 20px; | |||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%2354595d%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M11.54%2022.351l.07.04.028.016a.76.76%200%2000.723%200l.028-.015.071-.041a16.975%2016.975%200%20001.144-.742%2019.58%2019.58%200%20002.683-2.282c1.944-1.99%203.963-4.98%203.963-8.827a8.25%208.25%200%2000-16.5%200c0%203.846%202.02%206.837%203.963%208.827a19.58%2019.58%200%20002.682%202.282%2016.975%2016.975%200%20001.145.742zM12%2013.5a3%203%200%20100-6%203%203%200%20000%206z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E"); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: 18px 18px; | |||
flex-shrink: 0; | |||
} | |||
/* Неіснуюча сторінка міста — приглушений колір + знак + */ | |||
.skin-minerva .cities-drawer-item--missing .toggle-list-item__label { | |||
color: #9aa0a6; | |||
} | |||
.skin-minerva .cities-drawer-item--missing .cities-drawer-item__icon { | |||
opacity: 0.45; | |||
} | |||
.skin-minerva .cities-drawer-item--missing .toggle-list-item__anchor::after { | |||
content: "+"; | |||
margin-left: auto; | |||
color: #9aa0a6; | |||
font-size: 22px; | |||
line-height: 1; | |||
font-weight: 400; | |||
} | } | ||