Quiz_dashboard/src/Styles/components/LaTeXInput.scss
karimaldeen d603736a16 math
2024-09-23 15:12:24 +03:00

85 lines
1.4 KiB
SCSS

.DummyHomePage{
padding: 30px;
}
.LaTeXInputArea{
width: 50vw;
position: relative;
margin-bottom: 10px;
}
.showPreviewInput{
background-color: var(--bg);
position: absolute;
top: 0;
right: 0;
width: 100%;
height: calc(100% - 44px);
word-wrap: break-word;
display: flex;
gap: 20px;
align-items: baseline;
align-content: flex-start;
flex-wrap: wrap;
border-radius: 8px;
border: 1px solid #d9d9d9;
padding: 5px 10px;
row-gap: 0px;
}
.addMML{
all: unset;
font-size: 12px;
font-weight: bold;
background: var(--primary);
color: var(--white);
padding: 2px 14px;
display: flex;
gap: 5px;
align-items: center;
}
.latexModal{
padding: 30px;
display: flex;
flex-direction: column;
.buttons{
display: flex;
align-items: center;
justify-content: flex-end;
padding: 20px;
gap: 20px;
margin-top: 20px;
}
}
.LatexPreview{
height: 40px;
display: flex;
align-items: center;
}
.LaTeXInputOptions{
display: flex;
padding: 10px;
}
.text{
margin-bottom: 7px !important;
font-weight: bold;
font-size: 19px;
> span {
color: transparent;
}
}
.katex .msupsub{
text-align: end !important;
}
.mtight{
font-size: 10px !important;
}
.katex .delimcenter, .katex .op-symbol{
display: none;
}