inspec/www/source/stylesheets/_code.scss
Christoph Hartmann 4641978716 Update InSpec website (#2681)
* New styles

* Fundamental styles for home page

* Legal pages

* Community page, downloads page, tutorials page

* Docs page

* Content toggle and github badge

* Add code - highlighter

* Copy button

* Sliding content animation

* fix particle animatino on downloads page

* Scroll-to-top button

* docs sidebar links

* innocent comments on resources

* Fancy code animation

* Small update to diamond

* whatever slider

* Slider styles

* initial selection if no sliders are there

* add netifly config

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>

* inspec for provisioners

* fix incorrect text on aws ssm

* fix layout javascript

post-rebase

* resource grouping in docs

* introduce groups in docs/resources

* fix minor spelling issues and move download button in new features section

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>

* pass linting

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>
2018-02-17 07:44:42 -08:00

76 lines
1.3 KiB
SCSS

code {
color: $color_purple;
font-size: 1em;
font-weight: bold;
border: initial;
background-color: transparent;
padding: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
.box-dark pre {
padding: 0;
margin: 0;
}
.box-code, pre { // White Box
width: 100%;
padding: $percent_xs;
border-radius: 4px;
background-color: $color-dark;
margin: 0 0 1rem;
}
.box-code code, pre code, .box-dark code {
color: white;
font-weight: normal;
}
//highlighter
.hljs{
display: block;
overflow-x: auto;
background-color: $color-dark;
}
.hljs,.hljs-subst,.hljs-section {
color: white;
}
.hljs-comment{
color: #b6b6b3
}
.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{
color: #2ae5ff;
}
.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{
color: #ffa1fe;
}
.hljs-title {
color: #2ae5ff;
}
.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{
color: #9b78ff;
}
.hljs-literal{
color: #65f0b1;
}
.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{
color: #2ae5ff;
}
.hljs-meta{
color: #fc81ad;
}
.hljs-meta-string{
color:#ff3e85;
}
.hljs-emphasis{
font-style:italic
}
.hljs-strong{
font-weight:bold
}