diff --git a/website/assets/styles/mixins-and-variables/colors.less b/website/assets/styles/mixins-and-variables/colors.less index a31805d51a..771fdeefb0 100644 --- a/website/assets/styles/mixins-and-variables/colors.less +++ b/website/assets/styles/mixins-and-variables/colors.less @@ -3,6 +3,7 @@ */ @core-fleet-black: #192147; +@core-fleet-black-75: #515774; @core-fleet-black-50: #8b8fa2; @core-fleet-black-25: #C5C7D1; diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less index 07eb26a5f3..c23e681cc9 100644 --- a/website/assets/styles/pages/docs/basic-documentation.less +++ b/website/assets/styles/pages/docs/basic-documentation.less @@ -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; diff --git a/website/assets/styles/pages/docs/code-blocks.less b/website/assets/styles/pages/docs/code-blocks.less index 0f310725f9..36d4850bef 100644 --- a/website/assets/styles/pages/docs/code-blocks.less +++ b/website/assets/styles/pages/docs/code-blocks.less @@ -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; } }