fleet/website/assets/styles/pages/get-started.less
gillespi314 5af0d6b870
Update website styling (#715)
* Update website styling

* Convert ellipse margin from rem to px

* Adjust padding to match neighboring card element

* Fix linting errors

* Remove unneeded div
2021-05-07 13:54:29 -05:00

76 lines
1.7 KiB
Plaintext
Vendored

#get-started {
h1, p {
color: #192147;
}
section {
max-width: 800px;
}
a {
color: #6a67fe;
}
#primary-button {
color: #fff;
}
#learn-more {
background: #f9fafc;
filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
padding: 0px;
}
.btn {
font-family: @header-font;
font-weight: 700;
padding-top: 18px;
padding-bottom: 18px;
font-size: 20px;
line-height: 23px;
border-radius: 10px;
&.btn-schedule {
position: relative;
padding-right: 20px;
color: #192147;
background-color: #f9fafc;
border-color: #f9fafc;
}
}
#arrow {
padding-right: 45px;
cursor: pointer;
position: relative;
width: auto;
color: #192147;
font-weight: bold;
user-select: none;
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;
}
#arrow:before {
content: url('/images/arrow-right-16x16@2x.png');
transform: scale(0.5);
position: absolute;
top: 12px;
left: 80%; // <--- here
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;
/* opacity: 0; */
}
#arrow:hover:before {
left: 82%; // <--- here
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;
/* opacity:1; */
}
}