editor de texto, fiz o gerador de markdown
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
img {
|
||||
cursor: pointer;
|
||||
object-fit: cover;
|
||||
width: 50dvh;
|
||||
height: 50dvh;
|
||||
@@ -17,22 +18,40 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin: 0 0 1dvh 0;
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
outline: none;
|
||||
font-size: 1.3em;
|
||||
padding: 1dvh;
|
||||
color: var(--btn);
|
||||
background-color: var(--bg-light);
|
||||
border: none;
|
||||
border-bottom: solid 2px var(--btn);
|
||||
}
|
||||
textarea {
|
||||
font-size: 1.3em;
|
||||
width: 90%;
|
||||
padding: 1dvh;
|
||||
outline: none;
|
||||
resize: none;
|
||||
width: 100%;
|
||||
height: 25dvh;
|
||||
height: 20dvh;
|
||||
color: var(--btn);
|
||||
background-color: var(--bg-light);
|
||||
border: solid 2px var(--btn);
|
||||
}
|
||||
}
|
||||
|
||||
#tags {
|
||||
display: block;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#text-write {
|
||||
@@ -42,15 +61,41 @@
|
||||
ul {
|
||||
width: 100%;
|
||||
min-height: 3dvw;
|
||||
background: purple;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 1dvh 0 1dvh;
|
||||
span {
|
||||
cursor: pointer;
|
||||
width: 4dvh;
|
||||
height: 4dvh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: 0.3s;
|
||||
background-color: var(--btn);
|
||||
color: var(--bg-dark);
|
||||
}
|
||||
span:hover {
|
||||
background-color: var(--bg-light);
|
||||
color: var(--btn);
|
||||
}
|
||||
|
||||
#gap {
|
||||
margin: 0 1dvb 0 0;
|
||||
}
|
||||
}
|
||||
li {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 39dvw;
|
||||
height: 78dvh;
|
||||
resize: none;
|
||||
outline: none;
|
||||
padding: 1dvh;
|
||||
color: var(--btn);
|
||||
background-color: var(--bg-light);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
#btn {
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
color: var(--bg-dark);
|
||||
}
|
||||
li:hover {
|
||||
color: var(--font);
|
||||
color: var(--btn);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user