VSinerva/freesewing
1
0
Fork 0
Code Activity

chore: Further tweaks to pattern events

Browse source
This commit is contained in:
Joost De Cock 2020-07-19 13:01:01 +02:00
parent 53e8274624
commit 4ac64e05cb
11 changed files with 2558 additions and 955 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/css-theme/src/components/_event.scss
View file

@ -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;
}
}

17
packages/css-theme/src/elements/_code.scss
View file

@ -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-'] {