mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
Merge pull request #19291 from overleaf/ds-plans-page-new-design-plans-features-table-mobile-screen-follow-up
Website redesign - Plans page features table section follow up GitOrigin-RevId: 7e175ffbb916c613fc1f297c1c2b6ec989cbee00
This commit is contained in:
parent
f4a7b1f298
commit
3083d8082f
1 changed files with 39 additions and 0 deletions
|
@ -265,6 +265,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: none;
|
border: none;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
||||||
|
@media (max-width: @screen-xs-min) {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.plans-new-mobile {
|
.plans-new-mobile {
|
||||||
|
@ -712,6 +716,41 @@
|
||||||
padding-top: var(--spacing-06);
|
padding-top: var(--spacing-06);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: var(--line-height-03);
|
line-height: var(--line-height-03);
|
||||||
|
.plans-features-table-row-title-accordion {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 var(--spacing-04);
|
||||||
|
.plans-features-table-row-title-accordion-header {
|
||||||
|
font-size: var(--font-size-03);
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: var(--line-height-03);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: unset;
|
||||||
|
border: unset;
|
||||||
|
.plans-features-table-row-title-accordion-icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
transition: transform 0.35s ease;
|
||||||
|
margin-left: var(--spacing-02);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(.collapsed) {
|
||||||
|
.plans-features-table-row-title-accordion-icon {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
transition: transform 0.35s ease;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.plans-features-table-row-title-accordion-body {
|
||||||
|
font-size: var(--font-size-01);
|
||||||
|
line-height: var(--line-height-01);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue