adaptive layout for small devices (e5516299) · Commits · to be continuous... / kicker

src/assets/kicker-aggregated.json

+2721 −416

File changed.

Preview size limit exceeded, changes collapsed.

+42 −0

Original line number	Diff line number	Diff line
		@@ -11,6 +11,48 @@ html, body {
		--font-family-sans-serif: Helvetica,Arial,sans-serif;
		}

		/* use all available width up to 1320px */
		.container {
		max-width: 1320px;
		padding-left: 1em;
		padding-right: 1em;
		}

		/* reactive stepbar */
		.o-stepbar .stepbar-item {
		padding-left: 1.25rem;
		padding-right: .25rem;
		}

		.o-stepbar .stepbar-item:first-child {
		padding-left: 1rem;
		}

		.o-stepbar .step-title {
		margin-left: .15rem;
		}

		/* narrow screens: don't show step number */
		@media (max-width: 767px) {
		.o-stepbar .step-number {
		display: none;
		}
		}

		/* very narrow screens: show step number only */
		@media (max-width: 479px) {
		.o-stepbar .step-number {
		display: inline;
		}
		.o-stepbar .step-number:after {
		display: none;
		}
		.o-stepbar .step-title {
		display: none;
		}
		}


		/* Markdown paragraph style */
		showdown p {
		margin: 0;