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 16559974ee35c09b952c0d3bd44f38666e3fceba..a0b870e6dc7e12239faaad0d372fc309c61a6d87 100644 (file)
--- 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 bfb4069b09213a0a93073c2d69f1b4fe62f15903..cca0e340f3fb6a3711fdcb240336a4c2dece68d7 100644 (file)
--- 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);