style(marquee): apply .section padding + wrap content in .section__inner
This commit is contained in:
1 parent
45d5b18916
commit
32d5d82db9
5 files changed
+13
-6
No files matched your search
+1
-2
@@ -5464,7 +5464,6 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
/* Marquee — бегущая строка */
|
||||
.marquee {
|
||||
overflow: hidden;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.marquee__track {
|
||||
@@ -5486,7 +5485,7 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
|
||||
/* Альтернативный вариант marquee: статичная flex-сетка чипсов */
|
||||
.marquee--grid {
|
||||
padding: 0.5rem 0;
|
||||
/* padding inherited from .section */
|
||||
}
|
||||
.marquee-grid {
|
||||
list-style: none;
|
||||
|
||||
@@ -269,7 +269,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<section class="section marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<div class="section__inner">
|
||||
<ul class="marquee-grid">
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">UX/UI</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">10+ years of experience</span></li>
|
||||
@@ -287,6 +288,7 @@
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">Product-Market Fit</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">ARPU / ARPPU</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="portfolio" class="section section--surface" data-reveal>
|
||||
|
||||
+3
-1
@@ -269,7 +269,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<section class="section marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<div class="section__inner">
|
||||
<ul class="marquee-grid">
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">UX/UI</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">10+ лет опыта</span></li>
|
||||
@@ -287,6 +288,7 @@
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">Product-Market Fit</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">ARPU / ARPPU</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="portfolio" class="section section--surface" data-reveal>
|
||||
|
||||
@@ -68,7 +68,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<section class="section marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<div class="section__inner">
|
||||
<ul class="marquee-grid">
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">UX/UI</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">10+ years of experience</span></li>
|
||||
@@ -86,6 +87,7 @@
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">Product-Market Fit</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">ARPU / ARPPU</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{> projects-section-mp}}{{> projects-section}}
|
||||
|
||||
@@ -68,7 +68,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<section class="section marquee marquee--grid" aria-hidden="true" data-reveal>
|
||||
<div class="section__inner">
|
||||
<ul class="marquee-grid">
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">UX/UI</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">10+ лет опыта</span></li>
|
||||
@@ -86,6 +87,7 @@
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">Product-Market Fit</span></li>
|
||||
<li class="marquee-grid__cell"><span class="hero__tag">ARPU / ARPPU</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{> projects-section-mp}}{{> projects-section}}
|
||||
|
||||
Reference in new issue
Block a user