fleet/website/assets/styles/pages/articles/basic-article.less
Eric 77c3564942
Website: Migrate 6 articles from medium to fleetdm.com/articles (#5726)
* website: add six product articles

* images

* Website: add article images

* add image caption styles

* Update articles/get-and-stay-compliant-across-your-devices-with-fleet.md

* Update articles/get-and-stay-compliant-across-your-devices-with-fleet.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/apply-byod-to-soothe-supply-chain-pain.md

* Update articles/correlate-network-connections-with-community-id-in-osquery.md

* Update articles/correlate-network-connections-with-community-id-in-osquery.md

* Update articles/correlate-network-connections-with-community-id-in-osquery.md

* Update articles/using-elasticsearch-and-kibana-to-visualize-osquery-performance.md

* Update articles/using-elasticsearch-and-kibana-to-visualize-osquery-performance.md

* Update articles/using-elasticsearch-and-kibana-to-visualize-osquery-performance.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

* Update articles/work-may-be-watching-but-it-might-not-be-as-bad-as-you-think.md

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
2022-05-16 10:28:43 +09:00

152 lines
2.8 KiB
Text
Vendored

#basic-article {
padding: 0px 24px 0px 24px;
h1 {
font-size: 36px;
}
hr {
margin-top: 40px;
margin-bottom: 40px;
border-top: 2px solid @core-vibrant-blue-15;
}
[purpose='article-title'] {
padding-top: 80px;
h1 {
margin-bottom: 16px;
line-height: 38px;
}
}
[purpose='article-details'] {
font-size: 14px;
line-height: 20px;
span {
color: @core-fleet-black-50;
}
p {
margin-block-end: 0px;
}
img {
height: 28px;
}
}
[purpose='article-content'] {
padding-top: 24px;
padding-bottom: 24px;
h1:first-of-type {
display: none;
}
img {
max-width: 100%;
width: auto;
height: auto;
max-height: 100%;
margin-left: auto;
margin-right: auto;
padding: 24px 0px 40px 0px;
}
a {
color: @core-vibrant-blue;
word-break: break-word;
}
h2 {
font-size: 24px;
margin-top: 40px;
margin-bottom: 24px;
}
h3 {
font-size: 20px;
margin-top: 40px;
margin-bottom: 24px;
}
h4 {
font-size: 16px;
margin-top: 24px;
margin-bottom: 24px;
}
p {
font-size: 16px;
line-height: 28px;
margin-bottom: 24px;
}
img + em { // Image captions
position: relative;
top: -24px;
display: flex;
align-items: center;
flex-direction: column;
}
ul, ol {
padding-left: 16px;
}
li {
padding-bottom: 16px;
}
li::marker {
color: @core-vibrant-blue;
}
code:not(.nohighlight) {
background: #F1F0FF;
padding: 4px 8px;
font-family: @code-font;
font-size: 13px;
line-height: 16px;
color: @core-fleet-black;
}
pre {
padding: 24px;
border: 1px solid #E2E4EA;
border-radius: 6px;
margin: 0px 0px 40px;
font-family: @code-font;
background: #F9FAFC;
white-space: break-spaces;
}
blockquote {
margin: 16px 0 32px;
background: #F7F7FC;
border: 1px solid @core-vibrant-blue-50;
padding: 16px;
border-radius: 8px;
display: inline-flex;
img {
display: flex;
margin: 4px 12px 0 0;
height: 16px;
width: 16px;
padding: 0px;
}
p {
display: block;
margin-bottom: 0px;
line-height: 24px;
font-size: 16px;
}
}
}
[purpose='bottom-cta'] {
padding-bottom: 80px;
[purpose='next-steps-button'] {
padding: 16px 32px;
line-height: 24px;
font-size: 16px;
img {
height: 24px;
}
a {
color: unset;
}
}
}
@media (max-width: 991px) {
[purpose='article-title'] {
padding-top: 60px;
}
[purpose='article-content'] {
padding-bottom: 0px;
}
}
}