fleet/website/assets/styles/pages/query-detail.less
eashaw 243306de02
Add tags to standard query library and fleetdm.com/queries (#3970)
* handle query tags in build-static-content script, update query readme

* show tags in query library, add ability to filter by tags

* fix lint errors

* update mobile styles

* fix CTA link

* update mobile layout

* remove tag line-height and font size

* Update build-static-content.js

* Style update

* remove margin from selected tag, adjust OS logo placement

* requested changes from code review

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
2022-02-03 15:49:36 -06:00

104 lines
1.4 KiB
Plaintext
Vendored

#query-detail {
h5 {
font-weight: bold;
font-size: 16px;
line-height: 25px;
}
h6 {
font-family: 'Nunito Sans';
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;
}
}
}