improve spacings
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
border-top-left-radius: inherit;
|
border-top-left-radius: inherit;
|
||||||
border-top-right-radius: inherit;
|
border-top-right-radius: inherit;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__tabs {
|
&__tabs {
|
||||||
padding: 1rem 1.5rem 0 1.5rem;
|
padding: 1rem 1.25rem 0 1.25rem;
|
||||||
background-color: rgba($colorBlack, 0.9);
|
background-color: rgba($colorBlack, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.25rem;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-bottom-left-radius: inherit;
|
border-bottom-left-radius: inherit;
|
||||||
|
|||||||
@@ -46,7 +46,7 @@ export default {
|
|||||||
border-radius: 0.5rem 0.5rem 0 0;
|
border-radius: 0.5rem 0.5rem 0 0;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
border-top-left-radius: inherit;
|
border-top-left-radius: inherit;
|
||||||
border-top-right-radius: inherit;
|
border-top-right-radius: inherit;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
@@ -62,7 +62,7 @@ export default {
|
|||||||
.prism-editor-wrapper {
|
.prism-editor-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: unquote("max(300px, 60vh)");
|
max-height: unquote("max(300px, 60vh)");
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prism-editor__container {
|
.prism-editor__container {
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.25rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-bottom-left-radius: inherit;
|
border-bottom-left-radius: inherit;
|
||||||
border-bottom-right-radius: inherit;
|
border-bottom-right-radius: inherit;
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__error {
|
&__error {
|
||||||
padding: 1rem 1.5rem;
|
padding: 1.25rem;
|
||||||
color: $colorRed;
|
color: $colorRed;
|
||||||
background-color: rgba($colorRed, 0.1);
|
background-color: rgba($colorRed, 0.1);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ pre[class*="language-"] {
|
|||||||
position: relative;
|
position: relative;
|
||||||
color: $colorWhite;
|
color: $colorWhite;
|
||||||
background: $codeBackground;
|
background: $codeBackground;
|
||||||
padding: 1.2rem 1.5rem !important;
|
padding: 1.25rem !important;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
max-height: unquote("max(300px, 60vh)");
|
max-height: unquote("max(300px, 60vh)");
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -101,7 +101,7 @@
|
|||||||
& + ul {
|
& + ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
padding: 1.2rem 1.5rem !important;
|
padding: 1.25rem !important;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@@ -225,7 +225,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> .remark-container {
|
> .remark-container {
|
||||||
padding: 1rem;
|
padding: 1.25rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user