Global 2026-07-28
This commit is contained in:
parent
a933d6ede5
commit
a1321a98e4
@ -1159,7 +1159,10 @@
|
||||
/* ---- Сравнение с гос.школой (comparison) ---- */
|
||||
.comparison {
|
||||
position: relative;
|
||||
padding: 64px 0;
|
||||
padding: 80px 0 64px;
|
||||
}
|
||||
.comparison::before {
|
||||
background: linear-gradient(to bottom, #F8FAFC, #F8FAFC 40px, #FFFFFF 120px);
|
||||
}
|
||||
.comparison .section-header--centered {
|
||||
margin-bottom: 44px;
|
||||
@ -1173,7 +1176,7 @@
|
||||
border: 1px solid var(--color-border, #E2E8F0);
|
||||
border-radius: var(--radius-lg, 24px);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.comparison__row {
|
||||
display: grid;
|
||||
@ -1200,7 +1203,7 @@
|
||||
border-bottom: 1px solid var(--color-border, #E2E8F0);
|
||||
}
|
||||
.comparison__row:nth-child(even):not(.comparison__row--head) {
|
||||
background: var(--color-bg-secondary, #F9FAFB);
|
||||
background: #F4F6F8;
|
||||
}
|
||||
@media (max-width: 639px) {
|
||||
.comparison__cell {
|
||||
@ -1210,7 +1213,7 @@
|
||||
.comparison__cell {
|
||||
padding: 10px 24px;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.4;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@ -1243,23 +1246,16 @@
|
||||
}
|
||||
.comparison__scroll-hint {
|
||||
display: none;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-text-muted, #475569);
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-primary, #2563EB);
|
||||
text-align: right;
|
||||
margin-bottom: 8px;
|
||||
animation: comparison-fade 3s ease-out forwards;
|
||||
animation-delay: 1s;
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes comparison-fade {
|
||||
0% { opacity: 0; transform: translateX(-4px); }
|
||||
15% { opacity: 1; transform: translateX(0); }
|
||||
85% { opacity: 1; }
|
||||
100% { opacity: 0; }
|
||||
opacity: 0.7;
|
||||
}
|
||||
@media (max-width: 639px) {
|
||||
.comparison {
|
||||
padding: 40px 0;
|
||||
padding: 56px 0 40px;
|
||||
}
|
||||
.comparison .section-header--centered {
|
||||
margin-bottom: 32px;
|
||||
@ -1296,15 +1292,15 @@
|
||||
display: none;
|
||||
}
|
||||
.comparison__cell {
|
||||
padding: 8px 10px;
|
||||
font-size: 0.8125rem;
|
||||
padding: 10px 12px;
|
||||
font-size: 0.875rem;
|
||||
border: none;
|
||||
word-break: break-word;
|
||||
}
|
||||
.comparison__cell--param {
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
color: var(--color-text-muted, #475569);
|
||||
font-size: 0.9375rem;
|
||||
color: #334155;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.comparison__cell--dekart {
|
||||
|
||||
@ -43,7 +43,7 @@ $default_rows = array(
|
||||
<p class="bento-p">Честное сравнение: чем «Декарт» отличается от государственной школы</p>
|
||||
</div>
|
||||
|
||||
<div class="comparison__scroll-hint" aria-hidden="true">👆 Листайте таблицу →</div>
|
||||
<div class="comparison__scroll-hint" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m15 18 6-6-6-6"/></svg> Листайте</div>
|
||||
<div class="comparison__table-wrap">
|
||||
<div class="comparison__table">
|
||||
<div class="comparison__row comparison__row--head">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user