diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less index cc9fc6f821..536ac21434 100644 --- a/website/assets/styles/layout.less +++ b/website/assets/styles/layout.less @@ -37,8 +37,7 @@ html, body { } [purpose='header-ribbon-cta'] { - background-color: #7487C2; - padding: 12px 0px; + background-color: @core-fleet-black; p { font-size: 14px; line-height: 20px; @@ -47,35 +46,9 @@ html, body { a { font-size: 14px; line-height: 20px; - font-weight: 400; - text-decoration: none; - color: #fff; - position: relative; - span { - font-weight: 700; - &:before { - content: url('/images/arrow-right-white-16x16@2x.png'); - transform: scale(0.5); - position: absolute; - top: -8px; - left: 100%; - transition: 0.2s ease-in-out; - -o-transition: 0.2s ease-in-out; - -ms-transition: 0.2s ease-in-out; - -moz-transition: 0.2s ease-in-out; - -webkit-transition: 0.2s ease-in-out; - } - } - &:hover { - span:before { - left: 102%; - transition: 0.2s ease-in-out; - -o-transition: 0.2s ease-in-out; - -ms-transition: 0.2s ease-in-out; - -moz-transition: 0.2s ease-in-out; - -webkit-transition: 0.2s ease-in-out; - } - } + font-weight: 700; + text-decoration: underline; + color: #ff5c83; } } @@ -416,18 +389,8 @@ body.detected-mobile { @media (max-width: 490px) { [purpose='header-ribbon-cta'] { - a { + p { width: 220px; - span:before { - position: absolute; - top: 5px; - left: 87%; - } - &:hover { - span:before { - left: 90%; - } - } } } [purpose='page-wrap'] { diff --git a/website/views/layouts/layout-sandbox.ejs b/website/views/layouts/layout-sandbox.ejs index 7f3c338f59..ef14fd9f4b 100644 --- a/website/views/layouts/layout-sandbox.ejs +++ b/website/views/layouts/layout-sandbox.ejs @@ -136,12 +136,10 @@
<%// Call to action ribbon above page header %>
-
- <% /*

Instant deployment with Fleet Managed Cloud. Join the beta

*/ %> - Join us for drinks, food, and conversation, at RSAC 2023 +
+

Instant deployment with Fleet Managed Cloud. Join the beta

- <%// Page header%>