MediaWiki:Minerva.less/tiles.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
// standard tile class
// mainpage.less relies on this; check before changing anything

/* ------------------
          tile
   ------------------ */

.tile {
    padding: 1.5em 2em 1em;

    h2 {
        font-weight: 600;
        border: none;
        margin-top: .4em;
	}

    // reduce spacing when byline and heading appear together
    // (which should be the only way bylines appear)
    .byline + h2 {
        margin-top: -0.5em;
	}

}

/* ------------------
         halves
   ------------------ */

// goes inside tile-halves
.tile-top {
	padding: 1.3rem 1.5rem 2rem;
}

// goes inside tile-halves
.tile-bottom {
	padding: 1rem 1.5rem 2rem;

	&.read-more {
		padding: 0;

		a {
			padding: 1em 1.75em;
		}

	}

}

/* ---------------------
        oswf tile
   --------------------- */

.tile.oswf-day {
	float: none !important;
	padding: .5em 2em;

	h2 {
		margin-right: auto;
		margin-left: auto;
		margin-top: -0.5em;
	}
}

.oswf-tile {
	margin-bottom: 1em;

	h2 {
		clear: none !important;
		margin-top: 0;
		padding-top: f2em !important;
	}

	.oswf-img {
		display: block;
		max-width: 75px;
		float: right;

		img {
			max-width: 100%;
			height: auto !important;
		}
	}
}