Skip to content

v2.0.3

Compare
Choose a tag to compare
@frontendstu frontendstu released this 04 Dec 02:51
· 12 commits to main since this release

The latest version of Sass Starter includes the inclusion of teh convienence of pre-defined font sizes so you don't need to create your own. The pre-defined font sizes are as follows:

- 12px/0.75rem
- 16px/1rem
- 18px/1.125rem
- 24px/1.5rem
- 26px/1.625rem
- 28px/1.75rem
- 36px/2.25rem
- 3rem/48px
- 4rem/64px

A new JS/Sass fade-in animation was also added. Use the following to apply the animation:

<section class="fade-in">
    <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum possimus molestiae iure sequi sint dolorem, nisi, quis id     
        voluptate, dignissimos magnam ex aperiam labore veritatis est dolore eius iste rem. Exercitationem quo laboriosam eligendi! 
        Rem odio quisquam iure dignissimos deserunt eveniet architecto autem, quibusdam perferendis non tenetur hic dolor fugit est                 
        distinctio consequatur neque quia officiis laudantium omnis ratione libero!
    </p>

    <p>
        Cumque recusandae autem nostrum rem, repellat laborum ab labore dolorem aliquam, cum, porro suscipit asperiores debitis         
        voluptatem ad? Quis perspiciatis commodi, eius obcaecati ab natus incidunt non velit voluptates tempore.
        Quos eveniet, labore, iusto dicta minus reprehenderit, saepe pariatur vitae commodi voluptas odio quasi ullam dolore cupiditate         
        fugiat consequatur itaque omnis tempore expedita? Dignissimos aliquid reprehenderit necessitatibus. Soluta, eligendi architecto.
        Nostrum asperiores animi totam, odio assumenda a? Ex perferendis, alias obcaecati, eius dicta tempore autem ab facilis est iure         
        nisi sit doloremque ratione dignissimos consectetur ipsam consequatur fugiat accusantium quidem.
    </p>
</section>

This fade-in effect will fade in as the user scrolls down the page.