editor de texto, fiz o gerador de markdown

This commit is contained in:
2025-08-11 16:16:19 -03:00
parent ad54f132ca
commit 5bb3810145
5 changed files with 127 additions and 8 deletions

View File

@@ -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 {

View File

@@ -31,7 +31,7 @@
color: var(--bg-dark);
}
li:hover {
color: var(--font);
color: var(--btn);
}
}
}