openfreebooks-bookgenerator/content/math/polynomials-expansion-factorisation/chapter.scss

72 lines
1.4 KiB
SCSS

.polynomials-area-model__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 4px;
max-width: 320px;
margin: 0 auto;
aspect-ratio: 1;
}
.polynomials-area-model__cell {
display: flex;
align-items: center;
justify-content: center;
min-height: 72px;
border-radius: 6px;
font-family: var(--mono);
font-size: 0.85rem;
font-weight: 600;
}
.polynomials-area-model__cell--ac {
background: rgba(37, 99, 235, 0.15);
}
.polynomials-area-model__cell--ad {
background: rgba(74, 107, 74, 0.2);
}
.polynomials-area-model__cell--bc {
background: rgba(154, 107, 46, 0.2);
}
.polynomials-area-model__cell--bd {
background: rgba(220, 38, 38, 0.12);
}
.polynomials-factor-checker__feedback {
margin-top: 12px;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid var(--line);
font-size: 0.9rem;
}
.polynomials-factor-checker__feedback--correct {
border-color: #16a34a;
background: rgba(22, 163, 74, 0.08);
}
.polynomials-factor-checker__feedback--incorrect {
border-color: #dc2626;
background: rgba(220, 38, 38, 0.06);
}
.polynomials-factor-checker__steps {
margin: 8px 0 0;
padding-left: 1.2rem;
color: var(--soft-ink);
}
.polynomials-factor-checker__input {
width: 100%;
max-width: 420px;
padding: 8px 12px;
font-family: var(--mono);
font-size: 0.9rem;
border: 1px solid var(--line);
border-radius: 8px;
background: var(--card-bg);
color: var(--ink);
}