beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

changed css variable names

Browse source
This commit is contained in:
unknown 2023-02-19 14:03:52 +07:00
parent 7693863f67
commit 94e14a9a52
1 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
assets/styles/style.css
View file

@ -1,22 +1,23 @@
:root {
--font-size-main: 0.906rem; /* 14.5px */
--font-size-second: 0.688rem; /* 11px */
--font-size-primary: 0.906rem; /* 14.5px */
--font-size-secondary: 0.688rem; /* 11px */
--color-main: rgba(0, 0, 0, 0.8);
--border-main: rgba(0, 0, 0, 0.6);
--border-shorthand: 0.063rem solid rgba(0, 0, 0, 0.6);
--foreground: rgba(0, 0, 0, 0.75);
--border-color: rgba(0, 0, 0, 0.55);
--border-shorthand: 0.063rem solid var(--border-color);
/* Button */
--button-hover-backround: rgba(0, 0, 0, 0.8);
--button-hover-color: rgba(255, 255, 255, 0.9);
--button-hover-foreground: rgba(255, 255, 255, 0.9);
--button-hover-backround: rgba(0, 0, 0, 0.78);
--font-size-button: 0.769rem; /* 12.3px */
--unit-one: 0.438rem; /* 7px */
--unit-two: 0.75rem; /* 12px */
--seven: 0.438rem; /* 7px */
--twelve: 0.75rem; /* 12px */
}
*, *::before, *::after {
color: var(--color-main);
color: var(--foreground);
box-sizing: border-box;
}
@ -26,8 +27,8 @@ body { /* Left & right spacing is left & right from default body margin + 12px *
min-height: 91vh;
margin-top: 4.5vh;
margin-bottom: 4.5vh;
padding: var(--unit-two);
font-size: var(--font-size-main);
padding: var(--twelve);
font-size: var(--font-size-primary);
text-align: center;
}
@ -61,7 +62,7 @@ h2 {
.__title input {
border: none;
width: 100%;
padding: var(--unit-one) var(--unit-two);
padding: var(--seven) var(--twelve);
font-size: var(--font-size-button);
font-style: italic;
font-weight: bold;
@ -81,7 +82,7 @@ h2 {
border-radius: 0;
height: 100%;
width: 100%;
padding: var(--unit-one) var(--unit-two);
padding: var(--seven) var(--twelve);
font-size: var(--font-size-button);
resize: none;
overflow-y: scroll;
@ -100,7 +101,7 @@ button {
background: none;
border: none;
min-width: 20%;
padding: var(--unit-one) var(--unit-two);
padding: var(--seven) var(--twelve);
font-size: var(--font-size-button);
cursor: pointer;
}
@ -128,8 +129,8 @@ button {
#notice {
margin-top: 0.656rem;
padding: 0 var(--unit-one);
font-size: var(--font-size-second);
padding: 0 var(--seven);
font-size: var(--font-size-secondary);
line-height: 1.1;
word-wrap: break-word;
}
@ -138,7 +139,7 @@ button {
@media (hover: hover) {
.__function button:hover {
color: var(--button-hover-color);
color: var(--button-hover-foreground);
background: var(--button-hover-backround);
}
}