fix(style): prevent callout icon from shrinking on long titles (closes #792)
| | |
| | | |
| | | .callout-title { |
| | | display: flex; |
| | | align-items: center; |
| | | align-items: flex-start; |
| | | gap: 5px; |
| | | padding: 1rem 0; |
| | | color: var(--color); |
| | |
| | | transition: transform 0.15s ease; |
| | | opacity: 0.8; |
| | | cursor: pointer; |
| | | width: var(--icon-size); |
| | | height: var(--icon-size); |
| | | --callout-icon: var(--callout-icon-fold); |
| | | } |
| | | |
| | |
| | | & .fold-callout-icon { |
| | | width: var(--icon-size); |
| | | height: var(--icon-size); |
| | | flex: 0 0 var(--icon-size); |
| | | |
| | | // icon support |
| | | background-size: var(--icon-size) var(--icon-size); |
| | |
| | | mask-size: var(--icon-size) var(--icon-size); |
| | | mask-position: center; |
| | | mask-repeat: no-repeat; |
| | | padding: 0.2rem 0; |
| | | } |
| | | |
| | | .callout-title-inner { |