MediaWiki:Gadget-grid.css - Revision history

Lazlow at 08:18, 10 February 2025

2025-02-10T08:18:11Z

← Older revision		Revision as of 11:18, 10 February 2025
Line 3:		Line 3:
	.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl {		.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl {
	width: 100%;		width: 100%;
	~~padding-right: 15px;~~
	~~padding-left: 15px;~~
	margin-right: auto;		margin-right: auto;
	margin-left: auto		margin-left: auto

Lazlow at 08:17, 10 February 2025

2025-02-10T08:17:10Z

← Older revision		Revision as of 11:17, 10 February 2025
Line 36:		Line 36:
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~margin-right: -15px;~~
	~~margin-left: -15px~~
	}		}

Lazlow at 07:31, 10 February 2025

2025-02-10T07:31:33Z

← Older revision		Revision as of 10:31, 10 February 2025
Line 1:		Line 1:
	/* bootstrap grid - row row-cols-# row-cols-sm-# row-cols-md-# row-cols-lg-# row-cols-xl-# */		/* bootstrap grid - row row-cols-# row-cols-sm-# row-cols-md-# row-cols-lg-# row-cols-xl-# */

			.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl {
			width: 100%;
			padding-right: 15px;
			padding-left: 15px;
			margin-right: auto;
			margin-left: auto
			}

			@media (min-width: 576px) {
			.container,.container-sm {
			max-width:540px
			}
			}

			@media (min-width: 768px) {
			.container,.container-sm,.container-md {
			max-width:720px
			}
			}

			@media (min-width: 992px) {
			.container,.container-sm,.container-md,.container-lg {
			max-width:960px
			}
			}

			@media (min-width: 1200px) {
			.container,.container-sm,.container-md,.container-lg,.container-cmln,.container-xl {
			max-width:1140px
			}
			}

	.row {		.row {

Lazlow at 07:30, 10 February 2025

2025-02-10T07:30:42Z

← Older revision		Revision as of 10:30, 10 February 2025
Line 6:		Line 6:
	margin-right: -15px;		margin-right: -15px;
	margin-left: -15px		margin-left: -15px
			}

			.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-cmln-1,.col-cmln-2,.col-cmln-3,.col-cmln-4,.col-cmln-5,.col-cmln-6,.col-cmln-7,.col-cmln-8,.col-cmln-9,.col-cmln-10,.col-cmln-11,.col-cmln-12,.col-cmln,.col-cmln-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl,.col-xxl-auto {
			position: relative;
			width: 100%;
			padding-right: 15px;
			padding-left: 15px
	}		}

Line 11:		Line 18:
	flex-basis: 0;		flex-basis: 0;
	flex-grow: 1;		flex-grow: 1;
	max-width: 100%;		max-width: 100%
	}		}

Lazlow at 07:29, 10 February 2025

2025-02-10T07:29:39Z

← Older revision		Revision as of 10:29, 10 February 2025
Line 6:		Line 6:
	margin-right: -15px;		margin-right: -15px;
	margin-left: -15px		margin-left: -15px
			}

			.col {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%;
	}		}

Lazlow: Created page with "/* bootstrap grid - row row-cols-# row-cols-sm-# row-cols-md-# row-cols-lg-# row-cols-xl-# / .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .row-cols-1 > { flex: 0 0 100%; max-width: 100% } .row-cols-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-5 > * {..."

2025-02-10T07:23:54Z

Created page with "bootstrap grid - row row-cols-# row-cols-sm-# row-cols-md-# row-cols-lg-# row-cols-xl-#: .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .row-cols-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-5 > * {..."

New page

/* bootstrap grid - row row-cols-# row-cols-sm-# row-cols-md-# row-cols-lg-# row-cols-xl-# */

.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}

.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}

@media (min-width: 576px) {
.col-sm {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}

.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
}

@media (min-width: 768px) {
.col-md {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}

.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
}

@media (min-width: 992px) {
.col-lg {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}

.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
}

@media (min-width: 1105px) {
.col-cmln {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}

.row-cols-cmln-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-cmln-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-cmln-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-cmln-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-cmln-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-cmln-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
}

@media (min-width: 1200px) {
.col-xl {
flex-basis:0;
flex-grow: 1;
max-width: 100%
}

.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%
}

.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%
}

.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}

.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%
}

.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%
}

.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
}