Predefinição:Card hover name/styles.css - Histórico de revisão

Luke Nitole em 21h11min de 28 de novembro de 2024

2024-11-28T21:11:21Z

← Edição anterior		Edição das 21h11min de 28 de novembro de 2024
Linha 1:		Linha 1:
	.grid~~-home~~ {		.home-grid {
	display: grid;		display: grid;
	grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));		grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));
Linha 6:		Linha 6:
	}		}

	.card~~-home~~ {		.home-card {
	position: relative;		position: relative;
	padding: 15px;		padding: 15px;
Linha 18:		Linha 18:
	}		}

	.~~card~~-~~home__background~~ {		.home-card__background {
	position: absolute;		position: absolute;
	top: 0;		top: 0;
Linha 28:		Linha 28:
	}		}

	.~~card~~-~~home__background~~ img {		.home-card__background img {
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
Linha 35:		Linha 35:
	}		}

	#~~card~~-nav .~~card~~-~~home__foreground~~ {		#home-nav .home-card__foreground {
	pointer-events: none;		pointer-events: none;
	height: 50%;		height: 50%;
Linha 46:		Linha 46:
	}		}

	.~~card~~-~~home__foreground~~ {		.home-card__foreground {
	position: relative;		position: relative;
	z-index: 3;		z-index: 3;
Linha 55:		Linha 55:
	}		}

	.card~~-home~~ p {		.home-card p {
	margin-top: 0.2rem;		margin-top: 0.2rem;
	font-size: 0.875rem;		font-size: 0.875rem;
	}		}

	.card-home~~.button~~-card--~~home~~ {		.home-card.home-card--button {
	overflow: hidden;		overflow: hidden;
	padding: 0;		padding: 0;
Linha 66:		Linha 66:
	}		}

	.~~button~~-card--~~home~~ a {		.home-card--button a {
	display: flex;		display: flex;
	height: 100%;		height: 100%;
Linha 77:		Linha 77:
	}		}

	.~~button~~-card--home ~~.card~~-~~home__background~~ a {		.home-card--button .home-card__background a {
	padding: 0;		padding: 0;
	}		}

	.~~button~~-card--~~home~~ img {		.home-card--button img {
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	}		}

	.~~button~~-card--~~home~~:hover img {		.home-card--button:hover img {
	transform: scale(1.1);		transform: scale(1.1);
	opacity: 1;		opacity: 1;
	}		}

Luke Nitole em 21h05min de 28 de novembro de 2024

2024-11-28T21:05:45Z

← Edição anterior		Edição das 21h05min de 28 de novembro de 2024
Linha 60:		Linha 60:
	}		}

	.card-home.card~~-button~~--home {		.card-home.button-card--home {
	overflow: hidden;		overflow: hidden;
	padding: 0;		padding: 0;
Linha 66:		Linha 66:
	}		}

	.card~~-button~~--home a {		.button-card--home a {
	display: flex;		display: flex;
	height: 100%;		height: 100%;
Linha 77:		Linha 77:
	}		}

	.card~~-button~~--home .card-home__background a {		.button-card--home .card-home__background a {
	padding: 0;		padding: 0;
	}		}

	.card~~-button~~--home img {		.button-card--home img {
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	}		}

	.card~~-button~~--home:hover img {		.button-card--home:hover img {
	transform: scale(1.1);		transform: scale(1.1);
	opacity: 1;		opacity: 1;
	}		}

Luke Nitole em 21h04min de 28 de novembro de 2024

2024-11-28T21:04:21Z

← Edição anterior		Edição das 21h04min de 28 de novembro de 2024
Linha 1:		Linha 1:
	.home~~-grid~~ {		.grid-home {
	display: grid;		display: grid;
	grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));		grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));
Linha 6:		Linha 6:
	}		}

	.home~~-card~~ {		.card-home {
	position: relative;		position: relative;
	padding: 15px;		padding: 15px;
Linha 60:		Linha 60:
	}		}

	.card-home.card-~~home~~--~~button~~ {		.card-home.card-button--home {
	overflow: hidden;		overflow: hidden;
	padding: 0;		padding: 0;
Linha 66:		Linha 66:
	}		}

	.card-~~home~~--~~button~~ a {		.card-button--home a {
	display: flex;		display: flex;
	height: 100%;		height: 100%;
Linha 77:		Linha 77:
	}		}

	.card-~~home~~--~~button~~ .card-home__background a {		.card-button--home .card-home__background a {
	padding: 0;		padding: 0;
	}		}

	.card-~~home~~--~~button~~ img {		.card-button--home img {
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	}		}

	.card-~~home~~--~~button~~:hover img {		.card-button--home:hover img {
	transform: scale(1.1);		transform: scale(1.1);
	opacity: 1;		opacity: 1;
	}		}

Luke Nitole em 21h03min de 28 de novembro de 2024

2024-11-28T21:03:02Z

← Edição anterior		Edição das 21h03min de 28 de novembro de 2024
Linha 1:		Linha 1:
	.grid~~-home~~ {		.home-grid {
	display: grid;		display: grid;
	grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));		grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));
Linha 6:		Linha 6:
	}		}

	.card~~-home~~ {		.home-card {
	position: relative;		position: relative;
	padding: 15px;		padding: 15px;
Linha 35:		Linha 35:
	}		}

	#~~home~~-nav .card-home__foreground {		#card-nav .card-home__foreground {
	pointer-events: none;		pointer-events: none;
	height: 50%;		height: 50%;

Luke Nitole em 21h01min de 28 de novembro de 2024

2024-11-28T21:01:34Z

← Edição anterior		Edição das 21h01min de 28 de novembro de 2024
Linha 6:		Linha 6:
	}		}

	.home~~-card~~ {		.card-home {
	position: relative;		position: relative;
	padding: 15px;		padding: 15px;
Linha 18:		Linha 18:
	}		}

	.~~home~~-~~card__background~~ {		.card-home__background {
	position: absolute;		position: absolute;
	top: 0;		top: 0;
Linha 28:		Linha 28:
	}		}

	.~~home~~-~~card__background~~ img {		.card-home__background img {
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
Linha 35:		Linha 35:
	}		}

	#home-nav .~~home~~-~~card__foreground~~ {		#home-nav .card-home__foreground {
	pointer-events: none;		pointer-events: none;
	height: 50%;		height: 50%;
Linha 46:		Linha 46:
	}		}

	.~~home~~-~~card__foreground~~ {		.card-home__foreground {
	position: relative;		position: relative;
	z-index: 3;		z-index: 3;
Linha 55:		Linha 55:
	}		}

	.home~~-card~~ p {		.card-home p {
	margin-top: 0.2rem;		margin-top: 0.2rem;
	font-size: 0.875rem;		font-size: 0.875rem;
	}		}

	.home-~~card.~~home~~-card~~--button {		.card-home.card-home--button {
	overflow: hidden;		overflow: hidden;
	padding: 0;		padding: 0;
Linha 66:		Linha 66:
	}		}

	.home~~-card~~--button a {		.card-home--button a {
	display: flex;		display: flex;
	height: 100%;		height: 100%;
Linha 77:		Linha 77:
	}		}

	.home~~-card~~--button .~~home~~-~~card__background~~ a {		.card-home--button .card-home__background a {
	padding: 0;		padding: 0;
	}		}

	.home~~-card~~--button img {		.card-home--button img {
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	}		}

	.home~~-card~~--button:hover img {		.card-home--button:hover img {
	transform: scale(1.1);		transform: scale(1.1);
	opacity: 1;		opacity: 1;
	}		}

Luke Nitole em 21h00min de 28 de novembro de 2024

2024-11-28T21:00:58Z

← Edição anterior		Edição das 21h00min de 28 de novembro de 2024
Linha 1:		Linha 1:
	.home~~-grid~~ {		.grid-home {
	display: grid;		display: grid;
	grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));		grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));

Luke Nitole em 17h10min de 5 de julho de 2024

2024-07-05T17:10:46Z

@@ Linha 33: / Linha 33: @@
 	object-fit: cover;
 	object-position: center;
+}

Luke Nitole em 17h05min de 5 de julho de 2024

2024-07-05T17:05:26Z

← Edição anterior		Edição das 17h05min de 5 de julho de 2024
Linha 1:		Linha 1:
			.home-grid {
			display: grid;
			grid: auto-flow dense/repeat(auto-fit,minmax(18rem,1fr));
			grid-auto-rows: minmax(4.5rem,auto);
			grid-gap: 0.625rem;
			}

	.home-card {		.home-card {
	position: relative;		position: relative;

Luke Nitole em 13h35min de 26 de março de 2024

2024-03-26T13:35:11Z

@@ Linha 10: / Linha 10: @@
 	transition: 0.4s ease-out;
+}
 .home-card__background {
@@ Linha 36: / Linha 35: @@
 	transform: translateY(00px);
 	transition: 0.5s;
+}

Luke Nitole em 13h34min de 26 de março de 2024

2024-03-26T13:34:32Z

@@ Linha 11: / Linha 11: @@
+}
 .home-card__background {
@@ Linha 55: / Linha 33: @@
 	z-index: 3;
 	color: white;
-	opacity: 0;
+	opacity: 1;
-	transform: translateY(30px);
+	transform: translateY(00px);
 	transition: 0.5s;
+}
@@ Linha 107: / Linha 85: @@
 	opacity: 1;
+}