<main id="content" class="Main " style="">
<section id="Cool-Section" class="section " style=" ">
<div class="row " style="">
<div class="col _span-12 " style="">
<p id="" class="">
Wow look at me im a main element
</p>
</div>
</div>
</section>
</main>
<main id="{{id}}" class="Main {{modifier}}" style="{{style}}">
{{> @children}}
</main>
{
"id": "content",
"modifier": null,
"style": null,
"children": [
{
"component": "section",
"context": {
"id": "Cool-Section",
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 12,
"children": [
{
"component": "p",
"context": {
"text": "Wow look at me im a main element"
}
}
]
}
}
]
}
}
]
}
}
]
}
.Main {
overflow: hidden;
}
@supports (position: sticky) {
.Main--hasSticky {
//normally overlow: hidden isn't a problem, but it breaks our sticky elements.
overflow: visible;
}
}
There are no notes for this item.