wikimedia/mediawiki-extensions-MobileFrontend

View on GitHub
resources/mobile.pagesummary.styles/pagesummary.less

Summary

Maintainability
Test Coverage
@import 'mediawiki.skin.variables.less';
@import '../../mobile.less/mobile.variables.less';
@import 'mediawiki.mixins.less';
@import 'icons.less';

// Pages

// Page summary
//
// Use the page-summary class whenever describing a page but not showing
// the full content of the page. This might be used in a page list or a diff.
//
// Markup:
// <div class="page-summary">
//  <h3>San Francisco</h3>
//  <p>San Francisco is a city in California in the USA</p>
// </div>
.page-summary {
    h2,
    h3 {
        font: inherit;
        font-weight: bold;
        color: @color-subtle;

        a {
            color: inherit;
        }

        strong {
            text-decoration: underline;
        }
    }
}

.list-header {
    font-weight: bold;
    font-size: 0.85em;
    padding-top: 0.5em;
    padding-bottom: 0.4em;
    background-color: @background-color-interactive;
    color: @color-subtle;
}

.list-thumb {
    background-repeat: no-repeat;
    background-position: center center;

    &.list-thumb-x {
        background-size: 100% auto;
    }

    &.list-thumb-y {
        background-size: auto 100%;
    }
}