Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Documentation style changes (#1897)

Browse source 
* added color from figma

* table styles, adjusting padding and margin on headings, removing indentation on left nav

* <code> styles, adjusted padding on code blocks to match figma
This commit is contained in:
eashaw 2021-09-01 22:25:22 -05:00 committed by GitHub
parent 15ce06263d
commit 9fc16e1e44
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 57 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
website/assets/styles/mixins-and-variables/colors.less vendored
View file

@ -3,6 +3,7 @@
*/
@core-fleet-black: #192147;
@core-fleet-black-75: #515774;
@core-fleet-black-50: #8b8fa2;
@core-fleet-black-25: #C5C7D1;

33
website/assets/styles/pages/docs/basic-documentation.less vendored
View file

@ -291,7 +291,7 @@
}
.topic {
padding-left: 0px;
&.active {
color: @core-vibrant-blue;
}
@ -318,6 +318,7 @@
h1 {
padding-bottom: 16px;
margin-bottom: 0px;
}
h2 {
@ -335,6 +336,16 @@
margin-bottom: 0px;
}
h4 {
padding-bottom: 16px;
margin-bottom: 0px;
}
h5 {
margin-top: 16px;
margin-bottom: 16px;
}
ul {
list-style-type: disc;
padding-left: 32px;
@ -356,6 +367,26 @@
padding-top: 8px;
}
table {
border: 1px solid @border-lt-gray;
border-collapse: collapse;
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
th {
font-weight: @bold;
font-family: @header-font;
border: 1px solid @border-lt-gray;
padding: 8px 7px 7px 8px;
}
td {
font-family: @main-font;
border: 1px solid @border-lt-gray;
padding: 8px 7px 7px 8px;
}
}
.note {
background-color: @core-vibrant-blue-10;
border-radius: 12px;

32
website/assets/styles/pages/docs/code-blocks.less vendored
View file

@ -1,17 +1,33 @@
// lesshint-disable spaceAroundComma, trailingWhitespace
pre {
background: #282C40;
padding: 24px;
border: 1px solid @core-fleet-black-25;
border-radius: 4px;
margin: 16px 0px 32px;
code:not(.nohighlight, .hljs) {
background-color: @ui-off-white;
border: 1px solid @border-lt-gray;
color: @core-fleet-black-75;
font-size: 13px;
padding: 4px 8px;
line-height: 16px;
}
code {
font-family: @code-font;
display: inline-block;
border-radius: 6px;
}
pre {
padding: 24px;
border: 1px solid @border-lt-gray;
border-radius: 6px;
margin: 16px 0px 32px;
font-family: @code-font;
background: #282C40;
&.muted {
color: @core-fleet-black-50;
color: @core-fleet-black-75;
background: @ui-off-white;
margin: 16px 0px 32px;
margin: 16px 0px 40px;
}
}