@require "common/variables.styl" @require "common/magic-theme.styl" .home-content-container { .home-article-list { .home-article-item { position: relative; ils-container(1.02, 1.02, 30px); .top-icon { position: absolute; top: 6px; right: 10px; font-size: 1.8em; transform: rotate(50deg); +ils-tablet() { display: 1.6em; } +ils-mobile() { font-size: 1.38em; } } .home-article-title { position: relative; font-weight: 600; color: var(--second-text-color); font-size: 1.5em; line-height: 1.5em; +ils-tablet() { font-size: 1.3em; } +ils-mobile() { font-size: 1.2em; } margin: 0; } .home-article-content { text-align: justify; margin: 20px 0; line-height: 2em; } .home-article-meta-info-container { display: flex; justify-content: space-between; align-items: center; color: var(--third-text-color); font-size: 1em; .home-article-meta-info { letter-spacing: 0.5px; span { margin-right: 10px; &:last-child { margin-right: 0; } ul, li { display: inline; } } .home-article-category { +ils-mobile() { display: none; } } .home-article-tag { +ils-tablet() { display: none; } } } hr { border: none; flex: 1; height: 1px; background: var(--border-color); margin: 0 10px; } a { color: var(--third-text-color); &:hover { color: var(--primary-color) } } } } } }