0001-scss-links-list-use-li-border-bottom-as-item-separat.patch

Thomas Jund, 03 février 2020 17:31

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

Subject: [PATCH] scss: links-list: use li border-bottom as item separator
 (#38821)

 static/arles/_custom.scss                   |   2 +-
 static/fontenay-sous-bois-2018/_custom.scss |   8 +-
 static/includes/_cells.scss                 | 111 ++++++++++----------
 3 files changed, 63 insertions(+), 58 deletions(-)

     .combo-search-results {
     	width: 60%;
     	margin: 0 auto;
     	div.links-list ul > li > a {
     	div.links-list ul > li {
     		border: 0;
+    	}
     	li div p {

static/fontenay-sous-bois-2018/_custom.scss
304	304	color: #888;
305	305	padding: 0.5rem 0.5rem;
306	306	}
307		li:hover a,
308		li.selected a {
309		color: $primary-color;
	307	li:hover,
	308	li.selected {
310	309	border-bottom: 1px solid $primary-color;
	310	a {
	311	color: $primary-color;
	312	}
311	313	}
312	314	}
313	315	}

     	position: relative;
     	z-index: 0;
     	& > li > a {
     		display: -ms-flexbox;
     		display: flex;
     		-ms-align-items: baseline;
     		align-items: baseline;
     		-ms-flex-wrap: wrap;
     		flex-wrap: wrap;
     		padding: 1rem;
     		color: $cell-entry-color;
     	& > li {
     		border-bottom: 1px solid $cell-entry-border-color;
     		position: relative;
     		&:hover {
     			color: $cell-entry-hover-color;
     			@if $cell-entry-hover-effect != none {
     				&:after {
     					width: 100%;
     					height: 100%;
     		> a {
     			display: -ms-flexbox;
     			display: flex;
     			-ms-align-items: baseline;
     			align-items: baseline;
     			-ms-flex-wrap: wrap;
     			flex-wrap: wrap;
     			padding: 1rem;
     			color: $cell-entry-color;
     			position: relative;
     			&:hover {
     				color: $cell-entry-hover-color;
     				@if $cell-entry-hover-effect != none {
     					&:after {
     						width: 100%;
     						height: 100%;
+    					}
     				} @else {
     					background-color: $cell-entry-hover-background;
+    				}
     			} @else {
     				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;
     				box-sizing: border-box;
     				width: 0;
+    			}
     			@if $cell-entry-hover-effect == left-to-right {
     				width: 0%; height: 100%; top: 0; left: 0;
+    			}
     			@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;
+    			}
     			@if $cell-entry-hover-effect == middle-to-edges {
     				top: 50%;
     				left: 50%;
     				transition: translateY(-50%) translateX(-50%);
     			&:after {
     				@if $cell-entry-hover-effect != none {
     					background-color: $cell-entry-hover-background;
     					content: "";
     					position: absolute;
     					z-index: -1;
     					transition: all 0.3s ease;
     					box-sizing: border-box;
     					width: 0;
+    				}
     				@if $cell-entry-hover-effect == left-to-right {
     					width: 0%; height: 100%; top: 0; left: 0;
+    				}
     				@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;
+    				}
     				@if $cell-entry-hover-effect == middle-to-edges {
     					top: 50%;
     					left: 50%;
     					transition: translateY(-50%) translateX(-50%);
+    				}
+    			}
+    		}
+    	}
-...
+    	}
     	li div.description {
     		position: relative;
     		top: -1px;
     		border-top: 1px solid $cell-background;
     		padding: 0 1rem;
     		font-size: 90%;
     		color: #666;
-...
     			margin-top: 0;
     			margin-bottom: 0.7em;
+    		}
     		border-bottom: 1px solid $cell-entry-border-color;
+    	}
+    }
-...
+    	}
+    }
     div.menucell ul ul a {
     	padding-left: 3em;
     	font-size: 90%;
+    }
     div.menucell li li {
     	border-bottom: none;
     	border-top: 1px solid $cell-entry-border-color;
     	a {
     		padding-left: 3em;
     		font-size: 90%;
+    	}
+    }
     div.wcs-tracking-code-input form {
     	margin: 1em;
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-scss-links-list-use-li-border-bottom-as-item-separat.patch