Skip to content

Animations that use only one child-div will hide any extra child-divs.#12

Open
okonomiyaki3000 wants to merge 2 commits intodanielcardoso:masterfrom
okonomiyaki3000:only-first
Open

Animations that use only one child-div will hide any extra child-divs.#12
okonomiyaki3000 wants to merge 2 commits intodanielcardoso:masterfrom
okonomiyaki3000:only-first

Conversation

@okonomiyaki3000
Copy link
Copy Markdown

So what's the point of this? Load Awesome's animations are very simple to use except for one point, different animations require different HTML (anywhere from 1-9 child divs). So, if you want to write a single block of html and simply switch the class to use a different animation, there could be a problem. For the most part, there is no problem as long as you have enough divs. The unused ones simply don't get styled and don't cause a problem. This is not true in cases where a single child div is expected. In those cases, any additional children are also styled. This PR ensures that only the first of those is displayed at all.

So, the purpose of this is to allow any animation to work with an html structure like:

<div class="la-anything">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant