0001-scss-use-background-image-for-cell-entry-hover-effec.patch

Thomas Jund (congés, retour le 29/04), 17 décembre 2021 15:32

Voir les différences: en ligne côte à côte

Subject: [PATCH] scss: use background-image for cell-entry-hover-effect
 (#59858)

 static/includes/_cells.scss | 58 ++++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 29 deletions(-)

     		&:hover {
     			text-decoration: none;
     			color: $cell-entry-hover-color;
     			@if $cell-entry-hover-effect != none {
     				&:after {
     					width: 100%;
     					height: 100%;
+    				}
     			} @else {
     			@if $cell-entry-hover-effect == none {
     				background-color: $cell-entry-hover-background;
+    			}
+    		}
     		&:after {
     			@if $cell-entry-hover-effect != none {
     				background-color: $cell-entry-hover-background;
     				content: "";
     				position: absolute;
     				z-index: -1;
     				transition: all 0.3s ease;
     				width: 0;
+    			}
     			@if $cell-entry-hover-effect == left-to-right {
     				width: 0%; height: 100%; top: 0; left: 0;
+    			}
     		@if $cell-entry-hover-effect != none {
     			transition: background-size 0.3s ease;
     			$pos: left;
     			$size: 0%;
     			$hover-size: 100%;
     			@if $cell-entry-hover-effect == right-to-left {
     				width: 0%; height: 100%; top: 0; right: 0;
+    			}
     			@if $cell-entry-hover-effect == top-to-bottom {
     				width: 100%; height: 0%; top: 0; left: 0;
+    			}
     			@if $cell-entry-hover-effect == bottom-to-top {
     				width: 100%; height: 0%; bottom: 0; left: 0;
     				$pos: right;
     			} @else if $cell-entry-hover-effect == top-to-bottom {
     				$pos: top;
     				$size: 100% 0%;
     				$hover-size: 100% 100%;
     			} @else if $cell-entry-hover-effect == bottom-to-top {
     				$pos: bottom;
     				$size: 100% 0%;
     				$hover-size: 100% 100%;
     			} @else if $cell-entry-hover-effect == middle-to-edges {
     				$pos: center;
+    			}
     			@if $cell-entry-hover-effect == middle-to-edges {
     				top: 50%;
     				left: 50%;
     				transform: translateY(-50%) translateX(-50%);
     			background-image: linear-gradient(
     				$cell-entry-hover-background 0,
     				$cell-entry-hover-background 100%
     			);
     			background-repeat: no-repeat;
     			background-size: $size;
     			background-position: $pos;
     			&:hover {
     				background-size: $hover-size;
+    			}
+    		}
+    	}
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-scss-use-background-image-for-cell-entry-hover-effec.patch