Skip to content

Commit

Permalink
tech: script setup 1/?
Browse files Browse the repository at this point in the history
  • Loading branch information
Tucsky committed Nov 28, 2024
1 parent 93c65ab commit 231545b
Show file tree
Hide file tree
Showing 14 changed files with 687 additions and 787 deletions.
3 changes: 2 additions & 1 deletion src/assets/sass/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,4 +13,5 @@
@import './notice';
@import './pane';
@import './table';
@import './shake';
@import './shake';
@import './marked';
2 changes: 1 addition & 1 deletion src/assets/sass/form.scss
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
}

.form-control {
background: 0;
background-color: transparent;
min-width: 0;
font-family: inherit;
font-size: 1rem;
Expand Down
4 changes: 2 additions & 2 deletions src/assets/sass/layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -126,8 +126,8 @@ body {
}

blockquote {
padding: 0.25rem 0.5rem;
margin-left: 0;
padding: 0 1rem;
margin-left: 1rem;
margin-bottom: 0;
border-left: 1px solid white;
opacity: 0.6;
Expand Down
61 changes: 61 additions & 0 deletions src/assets/sass/marked.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
.marked {
.monaco-editor {
--vscode-editor-background: var(--theme-background-50);
--vscode-editorGutter-background: var(--theme-background-50);
}

p {
line-height: 1.4;
}

code {
font-size: 0.75rem;
}

h1,
h2,
h3 {
color: var(--theme-color-base);
}

h2 {
margin-block: 1rem;
font-size: 1.25rem;
}

ol,
ul {
padding-left: 1.5rem;
}

blockquote {
code {
color: inherit;
}

p {
margin: 0;
}
}

img {
width: 100%;
}

code {
border: 1px solid var(--theme-background-200);
border-radius: 0.25rem;
padding: 0.5rem;
color: var(--theme-color-50);

&.-monaco {
border: 0;
padding: 0;
color: inherit;
}

&.-filled {
padding: 0.125rem;
}
}
}
18 changes: 13 additions & 5 deletions src/assets/sass/mixins.scss
Original file line number Diff line number Diff line change
@@ -1,23 +1,31 @@

@mixin shimmer(
$width: 100%,
$main-color: $ds-color-standard-6,
$shining-color: $ds-color-standard-5
$main-color: var(--theme-background-100),
$shining-color: var(--theme-background-200)
) {
background-image: linear-gradient(
background: linear-gradient(
270deg,
$main-color,
$shining-color,
$main-color
);
background-size: 600% 600%;
animation: shimmer 1s ease infinite;
animation-direction: reverse;
animation: shimmer 1s $ease-in-out-expo infinite both alternate-reverse;

@if ($width != null) {
width: $width;
}
* {
visibility: hidden;
}
}

@keyframes shimmer {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

.shimmer {
@include shimmer()
}
Loading

0 comments on commit 231545b

Please sign in to comment.