AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
zyronon
2023-12-06 02:14:59 +08:00
parent a4ea4aba01
commit 19ac0950df
11 changed files with 18 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/css/style.scss
View File

@@ -135,13 +135,6 @@ html.dark {
transition: background var(--anim-time), color var(--anim-time), border var(--anim-time);
}
.word-font-family {
font-family: var(--word-font-family);
//font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; //medium
//font-family: Optimistic Text,-apple-system,ui-sans-serif,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; // react
//font-family: Google Sans Text,Noto Sans,Noto Sans JP,Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Bengali,sans-serif; //android-dev
line-height: 30rem;
}
html, body {
font-size: 1px;
@@ -150,30 +143,27 @@ html, body {
width: 100vw;
height: 100vh;
overflow: hidden;
color: $font-color;
color: rgb(187, 187, 187);
//color: var(--color-font-1);
//font-family: var(--font-family);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.en-word {
font-family: var(--word-font-family);
}
#app {
width: 100%;
height: 100%;
}
a {
$main: rgb(64,158,255);
color: $main;
text-decoration: none;
}
.base-textarea {
flex: 1;
font-family: $font-family;
font-family: var(--font-family);
font-size: 18rem;
outline: none;
border: 1px solid transparent;
@@ -220,6 +210,7 @@ a {
}
footer {
$footer-height: 60rem;
box-sizing: content-box;
height: $footer-height;
display: flex;

16
src/assets/css/variable.scss
View File

@@ -1,16 +0,0 @@
//$dark-main-bg: rgb(46, 46, 46);
$dark-main-bg: rgba(0, 5, 24, 1);
$dark-second-bg: rgb(60, 63, 65);
$font-color: rgb(187, 187, 187);
$main: rgb(64,158,255);
//$main: rgb(121,187,255);
//$second: rgb(75, 110, 175);
$second: rgb(59, 87, 138);
$item-hover: rgb(75, 75, 75);
$footer-height: 40rem;
$card-radius: 8rem;
$font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
$word-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;