Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:EquipmentCard/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 11: Line 11:


.equipment-card__label {
.equipment-card__label {
width: 95px;
width: 100px;
color: #ffffff;
color: #ffffff;
background-color: #d21f3c;
background-color: #d21f3c;
Line 30: Line 30:


.equipment-card__background img {
.equipment-card__background img {
width: 95px;
width: 100px;
height: auto;
height: auto;
padding: 5%;
padding: 5%;
object-position: center;
object-position: center;
}
}

Revision as of 14:22, 22 November 2023

.equipment-card {
	padding: 0;
	border: 0;
    transition: all 0.3s ease;
    display: inline-table;
}

.equipment-card:hover {
	transform: scale(1.04);
}

.equipment-card__label {
	width: 100px;
	color: #ffffff;
	background-color: #d21f3c;
	text-align: center;
	font-family: 'Saira Extra Condensed','Nunito','Saira',system-ui,-apple-system,sans-serif;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
	border-radius: 0 0 6px 6px;
	text-transform: uppercase;
	overflow: hidden;
}

.equipment-card__background {
	background: linear-gradient(to right bottom,#a7b1bf,#99a4b4,#8c97a8,#7e8a9d,#717e92);
	border-radius: 6px 6px 0 0;
}

.equipment-card__background img {
	width: 100px;
	height: auto;
	padding: 5%;
	object-position: center;
}