fleet/website/assets/styles/pages/pricing.less
RachelElysia d7fbf55131
Website font and schedule button (#676)
* Correct fonts: Nunito and Nunito Sans

* Modify schedule demo button

* Arrow speed

* Add all font weights to website font

* Globalize font size for header, paragraph, footer

* Readable color for dropdown-item:active

Co-authored-by: Rachel Elysia Perkins <rachel@fleetdm.com>
2021-04-28 16:31:43 +09:00

64 lines
1.3 KiB
Plaintext
Vendored

#pricing {
h1, p {
color: #192147;
}
section {
max-width: 800px;
}
.btn {
font-family: @header-font;
font-weight: 700;
padding-top: 18px;
padding-bottom: 18px;
font-size: 20px;
line-height: 23px;
border-radius: 10px;
&.btn-white {
position: relative;
padding-right: 20px;
color: #192147;
background-color: #fff;
border-color: #fff;
}
}
.card-body {
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #e2e4ea;
border-radius: 0.75rem;
}
#arrow {
padding-right: 45px;
cursor: pointer;
position: relative;
width: auto;
color: #192147;
font-weight: bold;
user-select: none;
transition: 0.2s linear;
-o-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-webkit-transition: 0.2s linear;
}
#arrow:before {
content: url('/images/arrow-right-16x16@2x.png');
transform: scale(0.5);
position: absolute;
top: 12px;
left: 80%; // <--- here
/* opacity: 0; */
}
#arrow:hover:before {
left: 82%; // <--- here
transition: 0.2s linear;
-o-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-webkit-transition: 0.2s linear;
/* opacity:1; */
}
}