From 2a3badd046918cd88e32b75190f8e4ad4b0be4e4 Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Tue, 12 Apr 2022 16:20:40 +0000 Subject: [PATCH] Wait #5113 @0.25 --- .../themes/YvesCouzy/main-style.css | 17 ++++++++++----- .../wp-content/themes/YvesCouzy/style.less | 21 ++++++++++++++----- 2 files changed, 28 insertions(+), 10 deletions(-) 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); -- 2.39.5