Template:TechnologyCard/styles.css - Revision history

Head Manager at 14:01, 18 July 2026

2026-07-18T14:01:14Z

← Older revision		Revision as of 14:01, 18 July 2026
Line 7:		Line 7:
	.fablab-grid {		.fablab-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));		grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;		gap: 1rem;
	margin-top: 1rem;		margin-top: 1rem;

Head Manager at 13:51, 18 July 2026

2026-07-18T13:51:44Z

← Older revision		Revision as of 13:51, 18 July 2026
Line 1:		Line 1:
	.fablab-intro {		.fablab-intro {
	margin: ~~0 0~~ 1.~~4rem~~;		margin-bottom: 1.5rem;
	font-size: 1rem;		font-size: 1rem;
			line-height: 1.5;
	}		}

Line 8:		Line 9:
	grid-template-columns: repeat(4, minmax(0, 1fr));		grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;		gap: 1rem;
	margin: 1rem ~~0 2rem~~;		margin-top: 1rem;
	}		}

Line 20:		Line 21:
	border-radius: 10px;		border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition:		transition: transform 160ms ease, box-shadow 160ms ease;
	transform 160ms ease,
	box-shadow 160ms ease;
	}		}

Line 33:		Line 32:
	margin: 0.25rem 0 0.75rem;		margin: 0.25rem 0 0.75rem;
	text-align: center;		text-align: center;
	font-size: 1.~~3rem~~;		font-size: 1.2rem;
	font-weight: 700;		font-weight: 700;
	~~line-height: 1.25;~~
	}		}

Line 72:		Line 70:
	max-width: none;		max-width: none;
	object-fit: cover;		object-fit: cover;
	~~transition: transform 180ms ease;~~
	}

	~~.fablab-card:hover .fablab-card-image img {~~
	~~transform: scale(1.025);~~
	}		}

	.fablab-card-description {		.fablab-card-description {
	~~flex-grow: 1;~~
	color: #404244;		color: #404244;
	font-size: 0.95rem;		font-size: 0.95rem;
	line-height: 1.45;		line-height: 1.45;
	}

	~~.fablab-card-link {~~
	~~margin-top: 0.8rem;~~
	~~font-weight: 600;~~
	}

	~~.fablab-card-link a {~~
	~~text-decoration: none;~~
	}		}

Line 110:		Line 93:
	.fablab-grid {		.fablab-grid {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
	}

	~~.fablab-card-image {~~
	~~height: 210px;~~
	}		}
	}		}

Head Manager: Created page with ".fablab-intro { margin: 0 0 1.4rem; font-size: 1rem; } .fablab-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 2rem; } .fablab-card { display: flex; flex-direction: column; min-width: 0; padding: 0.8rem; background: #fff; border: 1px solid #d8dce1; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: transform 160ms ease,..."

2026-07-18T13:47:24Z

Created page with ".fablab-intro { margin: 0 0 1.4rem; font-size: 1rem; } .fablab-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 2rem; } .fablab-card { display: flex; flex-direction: column; min-width: 0; padding: 0.8rem; background: #fff; border: 1px solid #d8dce1; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: transform 160ms ease,..."

New page

.fablab-intro {
margin: 0 0 1.4rem;
font-size: 1rem;
}

.fablab-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 2rem;
}

.fablab-card {
display: flex;
flex-direction: column;
min-width: 0;
padding: 0.8rem;
background: #fff;
border: 1px solid #d8dce1;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition:
transform 160ms ease,
box-shadow 160ms ease;
}

.fablab-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.13);
}

.fablab-card-title {
margin: 0.25rem 0 0.75rem;
text-align: center;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.25;
}

.fablab-card-title a {
color: #202122;
text-decoration: none;
}

.fablab-card-title::after {
display: block;
width: 40px;
height: 4px;
margin: 0.55rem auto 0;
background: #36c;
border-radius: 2px;
content: "";
}

.fablab-card-image {
overflow: hidden;
height: 170px;
margin-bottom: 0.75rem;
border-radius: 7px;
background: #eaecf0;
}

.fablab-card-image a {
display: block;
width: 100%;
height: 100%;
}

.fablab-card-image img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
transition: transform 180ms ease;
}

.fablab-card:hover .fablab-card-image img {
transform: scale(1.025);
}

.fablab-card-description {
flex-grow: 1;
color: #404244;
font-size: 0.95rem;
line-height: 1.45;
}

.fablab-card-link {
margin-top: 0.8rem;
font-weight: 600;
}

.fablab-card-link a {
text-decoration: none;
}

@media screen and (max-width: 1200px) {
.fablab-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media screen and (max-width: 850px) {
.fablab-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 550px) {
.fablab-grid {
grid-template-columns: 1fr;
}

.fablab-card-image {
height: 210px;
}
}