chore: Further tweaks to pattern events
This commit is contained in:
parent
53e8274624
commit
4ac64e05cb
11 changed files with 2558 additions and 955 deletions
|
@ -3,13 +3,11 @@ div.draft-events {
|
|||
max-width: 900px;
|
||||
div.draft-event {
|
||||
margin: 0.5rem auto;
|
||||
line-height: 1.1;
|
||||
font-size: 85%;
|
||||
padding: 0.5rem;
|
||||
border: 1px dotted black;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
padding-left: 36px;
|
||||
div.icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -38,6 +36,7 @@ div.draft-events {
|
|||
}
|
||||
p:first-of-type {
|
||||
margin-top: 0;
|
||||
padding-left: 32px;
|
||||
}
|
||||
p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
|
@ -55,4 +54,11 @@ div.draft-events {
|
|||
div.draft-event.error {
|
||||
border-color: $oc-red-6;
|
||||
}
|
||||
div.draft-event details summary {
|
||||
margin-left: 1rem;
|
||||
list-style-position: outside;
|
||||
}
|
||||
div.draft-event details summary:hover {
|
||||
cursor: help;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,14 +2,14 @@ code[class*='language-'],
|
|||
pre[class*='language-'] {
|
||||
text-shadow: none;
|
||||
}
|
||||
.workbench.theme-wrapper.light code,
|
||||
.workbench.theme-wrapper.light :not(pre) > code,
|
||||
.theme-wrapper.light :not(pre) > code[class*='language-'] {
|
||||
padding: 0.1rem 0.25rem;
|
||||
background: $oc-yellow-0;
|
||||
border: 1px $oc-yellow-2 solid;
|
||||
color: $oc-gray-9;
|
||||
}
|
||||
.workbench.theme-wrapper.dark code,
|
||||
.workbench.theme-wrapper.dark :not(pre) > code,
|
||||
.theme-wrapper.dark :not(pre) > code[class*='language-'] {
|
||||
padding: 0.125rem 0.5rem;
|
||||
background: $oc-gray-9;
|
||||
|
@ -20,9 +20,14 @@ pre[class*='language-'] {
|
|||
div.gatsby-highlight {
|
||||
position: relative;
|
||||
}
|
||||
div.react-markdown pre,
|
||||
div.gatsby-highlight pre {
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
div.react-markdown.dense pre,
|
||||
div.gatsby-highlight.dense pre {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
pre.language-yaml:before,
|
||||
pre.language-js:before,
|
||||
|
@ -81,6 +86,14 @@ pre[class*='language-'] {
|
|||
.theme-wrapper.dark pre[class*='language-'] {
|
||||
border: 1px solid $oc-gray-8;
|
||||
}
|
||||
div.react-markdown pre[class*='language-'],
|
||||
div.react-markdown pre code[class*='language-'] {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
div.react-markdown pre[class*='language-']:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include xs-screen {
|
||||
pre code[class*='language-'],
|
||||
pre[class*='language-'] {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue