Шаблон:FlatCardWithHeader/Сollapsible/styles.css: различия между версиями

мНет описания правки
мНет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
.flat-card-with-header--сollapsible {
.flat-card-with-header--сollapsible {
     position: relative;
     position: relative;
background: rgba(var(--theme-color-lighter--rgb), 0.025);
--bg-color--hsl: hsl(var(--theme-bg--hsl), 50%, 0.05);
background: var(--bg-color--hsl);
box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius-high);
border-radius: var(--border-radius-high);
Строка 14: Строка 15:
     text-align: left;
     text-align: left;
     padding: 3px;
     padding: 3px;
border: 1px solid rgba(var(--color-lighter--rgb), 0.07);
border: 1px solid var(--color-lighter-alpha-x);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
     min-height: 36px;
     min-height: 36px;
     border-radius: var(--border-radius-high);
     border-radius: var(--border-radius-high);
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-350) */
background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
      
      
     grid-row: 1;
     grid-row: 1;
Строка 26: Строка 27:


.flat-card-with-header--сollapsible__header-img {
.flat-card-with-header--сollapsible__header-img {
background: rgba(var(--color-darkened--rgb), var(--alpha-xs));
background: rgba(0, 0, 0, var(--alpha-xs));
padding: 2px;
padding: 2px;
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);