mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Website: Update website background (#12041)
Closes: #11579 Changes: - Changed the `background` of all pages on fleetdm.com to have a gradient.
This commit is contained in:
parent
bc8d89f804
commit
5963cbf7a7
7 changed files with 8 additions and 2 deletions
2
website/assets/styles/layout.less
vendored
2
website/assets/styles/layout.less
vendored
|
|
@ -14,6 +14,8 @@ html, body {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: @footer-height;
|
padding-bottom: @footer-height;
|
||||||
|
background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 200px);
|
||||||
|
background-position: center 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Styles for the page header
|
// Styles for the page header
|
||||||
|
|
|
||||||
|
|
@ -88,6 +88,7 @@
|
||||||
border-top-right-radius: 6px;
|
border-top-right-radius: 6px;
|
||||||
border-bottom-right-radius: 6px;
|
border-bottom-right-radius: 6px;
|
||||||
border: 1px solid @core-fleet-black-25;
|
border: 1px solid @core-fleet-black-25;
|
||||||
|
background-color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group:focus-within {
|
.input-group:focus-within {
|
||||||
|
|
|
||||||
|
|
@ -27,6 +27,7 @@
|
||||||
border-top-right-radius: 6px;
|
border-top-right-radius: 6px;
|
||||||
border-bottom-right-radius: 6px;
|
border-bottom-right-radius: 6px;
|
||||||
border: 1px solid @core-fleet-black-25;
|
border: 1px solid @core-fleet-black-25;
|
||||||
|
background: #FFF;
|
||||||
}
|
}
|
||||||
.input-group:focus-within {
|
.input-group:focus-within {
|
||||||
border: 1px solid @core-vibrant-blue;
|
border: 1px solid @core-vibrant-blue;
|
||||||
|
|
|
||||||
|
|
@ -29,6 +29,7 @@
|
||||||
width: 260px;
|
width: 260px;
|
||||||
padding: 8px 15px;
|
padding: 8px 15px;
|
||||||
border: 1px solid @core-vibrant-blue-15;
|
border: 1px solid @core-vibrant-blue-15;
|
||||||
|
background: #FFF;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
input {
|
input {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
@ -80,7 +81,6 @@
|
||||||
[purpose='left-sidebar'] {
|
[purpose='left-sidebar'] {
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
background: #FFF;
|
|
||||||
min-width: 245px;
|
min-width: 245px;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
|
|
|
||||||
2
website/assets/styles/pages/pricing.less
vendored
2
website/assets/styles/pages/pricing.less
vendored
|
|
@ -1,5 +1,5 @@
|
||||||
#pricing {
|
#pricing {
|
||||||
background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 5.79%);
|
|
||||||
h1, p {
|
h1, p {
|
||||||
color: #192147;
|
color: #192147;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -71,6 +71,7 @@
|
||||||
.input-group {
|
.input-group {
|
||||||
&.search {
|
&.search {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
|
background: #FFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,7 @@
|
||||||
[purpose='hero-text'] {
|
[purpose='hero-text'] {
|
||||||
max-width: 566px;
|
max-width: 566px;
|
||||||
h1 {
|
h1 {
|
||||||
|
color: #FFF;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
line-height: 54px;
|
line-height: 54px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue