From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Tue, 12 Apr 2022 16:20:40 +0000 (+0000)
Subject: Wait #5113 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2a3badd046918cd88e32b75190f8e4ad4b0be4e4;p=couzy.git

Wait #5113 @0.25
---

diff --git a/mdryvescouzy.com/wp-content/themes/YvesCouzy/main-style.css b/mdryvescouzy.com/wp-content/themes/YvesCouzy/main-style.css
index 16559974..a0b870e6 100644
--- a/mdryvescouzy.com/wp-content/themes/YvesCouzy/main-style.css
+++ b/mdryvescouzy.com/wp-content/themes/YvesCouzy/main-style.css
@@ -100,11 +100,7 @@ hr {
 	justify-content:flex-end;
 	margin:26px 0 36px;
 }
-.sub-menu li:not(:last-child):after {
-	content:'–';
-	display:inline-block;
-	margin:0 20px;
-}
+.sub-menu li:not(:last-child) { margin-right:24px; }
 .sub-menu li a {
 	color:#8e8e8e;
 	border:none;
@@ -114,6 +110,17 @@ hr {
 	font-weight:600;
 	text-transform:uppercase;
 }
+.sub-menu li:last-of-type a {
+	background:#9cc12a;
+	color:#fff;
+	padding:0.25em 1em;
+	border-radius:99em;
+	transition:transform 250ms ease-out;
+}
+.sub-menu li:last-of-type a:hover {
+	text-decoration:none;
+	transform:scale(1.05);
+}
 .sf-menu { float:none; }
 .top-menu.sf-menu li { background:none; }
 .top-menu.sf-menu li a {
diff --git a/mdryvescouzy.com/wp-content/themes/YvesCouzy/style.less b/mdryvescouzy.com/wp-content/themes/YvesCouzy/style.less
index bfb4069b..cca0e340 100644
--- a/mdryvescouzy.com/wp-content/themes/YvesCouzy/style.less
+++ b/mdryvescouzy.com/wp-content/themes/YvesCouzy/style.less
@@ -176,11 +176,8 @@ hr {
 }
 
 .sub-menu li {
-	&:not(:last-child):after {
-		content: '–';
-		display: inline-block;
-		margin: 0 20px;
-
+	&:not(:last-child) {
+		margin-right: 24px;
 	}
 }
 
@@ -194,6 +191,20 @@ hr {
 	text-transform: uppercase;
 }
 
+/* Button style link for last item */
+.sub-menu li:last-of-type a {
+	background: #9cc12a;
+	color: #fff;
+	padding: 0.25em 1em;
+	border-radius: 99em;
+	transition: transform 250ms ease-out;
+
+	&:hover {
+		text-decoration: none;
+		transform: scale(1.05);
+	}
+}
+
 //.sub-menu .menu-item-blog a {
 //	/* BLOG */
 //	background-image: url(images/btn-menu-blog.jpg);