-
Notifications
You must be signed in to change notification settings - Fork 124
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add indentation support for components #1015
Comments
Yes, the same can be achieved using Since |
My code: <box>
Some text
</box>
<div class="indented-level2">
<box>
Some text
</box>
</div>
<box add-class="indented-level2">
Some text
</box> .indented-level2 {
padding-left: 40px;
} What I want to achieve is the middle one. |
Yes, use From https://developer.mozilla.org/en-US/docs/Web/CSS/padding:
|
Nice 👍 Let's leave this issue open until we document this as a tip/trick somewhere in the user guide. |
Works for boxes but not for panels 🤔 perhaps panels override the margin properties? |
You need to add |
Got it. Thx 👍 |
When using MarkBind, I find myself needing to indent panels/boxes to match the surrounding contents.
Normally I do that by wrapping a
<div>
around the component but it does add noise to the code somewhat. I'm wondering if we can provide a attribute such asindent="20"
to indicate the indentation level for the whole component.I'm not sure if the same can be achieved using the current
add-class
mechanism; it cannot be used to indent the whole component, right?ADD: Another place where this feature can be useful is
<include>
The text was updated successfully, but these errors were encountered: