fleet/website/assets/styles/pages/query-detail.less
Eric 3217a9ed39
Website: Update Fleet website for MDM launch (#11123)
Changes:
- Updated the layout and content of the fleetdm.com homepage.
- Added two new fonts, `Inter` and `Roboto Mono`.
- Updated `typography.less` to switch the default `font-family` to
`Inter` side-wide.
- Changed the "Platform" header navigation dropdown to link to
/compliance, /osquery-management, and the homepage
- Updated the website footer
- Added bottom gradients and calls to action to /osquery-management and
/compliance
- Removed the /platform page, and set up a temporary redirect to the
homepage.

---------

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
2023-04-11 06:50:58 -07:00

103 lines
1.4 KiB
Plaintext
Vendored

#query-detail {
h5 {
font-weight: bold;
font-size: 16px;
line-height: 25px;
}
h6 {
font-size: 16px;
line-height: 25px;
word-wrap: break-word;
}
p {
line-height: 25px;
}
a {
font-size: 16px;
line-height: 25px;
color: @core-vibrant-blue;
}
.border-top {
border-color: #E2E4EA;
}
[purpose='query-tag'] {
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
border-radius: 20px;
background-color: #E2E4EA;
}
[purpose='remediation'] {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
p {
font-size: 16px;
line-height: 24px;
}
}
[purpose='avatar-frame'] {
width: 24px;
height: 24px;
position: relative;
overflow: hidden;
border-radius: 50%;
&:hover {
cursor: pointer;
}
img {
display: inline;
margin: 0 auto;
height: 100%;
width: auto;
}
}
[purpose='platforms'] {
img {
height: 18px;
width: 18px;
}
}
@media (min-width: 768px) {
h5, p, a {
font-size: 18px;
}
[purpose='avatar-frame'] {
width: 32px;
height: 32px;
}
[purpose='platforms'] {
img {
height: 24px;
width: 24px;
}
}
}
@media (max-width: 575px) {
h2 {
font-size: 28px;
line-height: 36px;
}
}
}