/* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { h1 { margin-bottom: 20px; } h2 { margin: 31px 0; } figure { margin: 55px 0 65px; width: 100%; max-width: 59.2rem; } figure img { width: 100%; height: 100%; object-fit: contain; object-position: left center; } p { line-height: 1.76; margin-bottom: 30px; } .article__meta { margin-bottom: 30px; } .article__meta ul { padding: 0; display: flex; align-items: center; list-style: none; color: $danger; } .article__meta li + li { position: relative; margin-left: 8px; padding-left: 7px; &:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: $danger; position: absolute; top: 11px; left: 0; } } .article__tiles { max-width: 710px; margin-bottom: 45px; } .article__video { max-width: 780px; iframe { width: 100%; } } .article__table { margin-bottom: 58px; max-width: 1024px; } .article__entry { max-width: 910px; } .article__entry p span { padding: 0 2px; background: #f5f6fa; border: 1px solid #dddddd; border-radius: 3px; display: inline-block; } .article__btn { margin-bottom: 57px; margin-top: 10px; } }