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

moved some css to body {} & main {}

Browse source
This commit is contained in:
unknown 2023-01-07 23:05:31 +07:00
parent a8f2cac8cf
commit 8d0146740f
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/styles/style.css
View file

@ -20,16 +20,18 @@
box-sizing: border-box;
}
body {
body { /* Left & right spacing is left & right from default body margin + 12px */
height: 100vh;
margin-top: 0;
margin-bottom: 0;
padding: var(--unit-two);
font-size: var(--font-size-main);
}
main {
height: calc(100% - 9vh);
padding: var(--unit-two);
margin: 4.5vh auto;
max-width: 32rem;
}
h2 {
@ -41,8 +43,6 @@ h2 {
flex-direction: column;
align-items: center;
height: 100%;
max-width: 32rem;
margin: 4.5vh auto;
}
.__title {

2
assets/styles/style.min.css vendored
View file

@ -1 +1 @@
body,h2{margin-top:0}.__body textarea,.__title input{border:var(--border-shorthand);outline:0;width:100%}:root{--font-size-main:0.906rem;--font-size-second:0.688rem;--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);--button-hover-backround:rgba(0, 0, 0, 0.8);--button-hover-color:rgba(255, 255, 255, 0.9);--font-size-button:0.769rem;--unit-one:0.438rem;--unit-two:0.75rem}*{color:var(--color-main);box-sizing:border-box}body{height:100vh;margin-bottom:0;font-size:var(--font-size-main)}.__body textarea,.__title input,button{padding:var(--unit-one) var(--unit-two);font-size:var(--font-size-button)}main{height:calc(100% - 9vh);padding:var(--unit-two)}#simple-note{display:flex;flex-direction:column;align-items:center;height:100%;max-width:32rem;margin:4.5vh auto}.__title{width:100%}.__title input{border-bottom:0;border-radius:.188rem .188rem 0 0;font-style:italic;font-weight:700}.__body{height:100%;width:100%}.__body textarea{border-bottom:none;border-radius:0;height:100%;resize:none;overflow-y:scroll}.__function{display:flex;border:var(--border-shorthand);width:100%}button{background:0 0;border:none;min-width:20%;cursor:pointer}.__function button:not(:last-child){border-right:var(--border-shorthand)}._delete-all,._delete-confirm{color:#fff;background:#fd5e5e}._delete-confirm{display:none}._save-to-local{border-left:var(--border-shorthand)!important;margin-left:auto}@media (hover:hover){.__function button:hover{color:var(--button-hover-color);background:var(--button-hover-backround)}}@media (max-width:30rem){html{font-size:calc(1rem - 10%)}}
body,h2{margin-top:0}.__body textarea,.__title input{border:var(--border-shorthand);outline:0;width:100%}:root{--font-size-main:0.906rem;--font-size-second:0.688rem;--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);--button-hover-backround:rgba(0, 0, 0, 0.8);--button-hover-color:rgba(255, 255, 255, 0.9);--font-size-button:0.769rem;--unit-one:0.438rem;--unit-two:0.75rem}*,::after,::before{color:var(--color-main);box-sizing:border-box}body{height:100vh;margin-bottom:0;padding:var(--unit-two);font-size:var(--font-size-main)}.__body textarea,.__title input,button{padding:var(--unit-one) var(--unit-two);font-size:var(--font-size-button)}main{height:calc(100% - 9vh);margin:4.5vh auto;max-width:32rem}#simple-note{display:flex;flex-direction:column;align-items:center;height:100%}.__title{width:100%}.__title input{border-bottom:0;border-radius:.188rem .188rem 0 0;font-style:italic;font-weight:700}.__body{height:100%;width:100%}.__body textarea{border-bottom:none;border-radius:0;height:100%;resize:none;overflow-y:scroll}.__function{display:flex;border:var(--border-shorthand);width:100%}button{background:0 0;border:none;min-width:20%;cursor:pointer}.__function button:not(:last-child){border-right:var(--border-shorthand)}._delete-all,._delete-confirm{color:#fff;background:#fd5e5e}._delete-confirm{display:none}._save-to-local{border-left:var(--border-shorthand)!important;margin-left:auto}@media (hover:hover){.__function button:hover{color:var(--button-hover-color);background:var(--button-hover-backround)}}@media (max-width:30rem){html{font-size:calc(1rem - 10%)}}