• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Ani's Webdev Blog

A learning diary of website development

  • Home
  • Demo
    • Ajax Contact Form
  • WordPress
  • Front-end
  • Backend

[CSS] 5 Useful mixins for SASS

Modified on: July 4, 2020

Table of contents

  1. 1. The Cross-Browsers
    1. 2. CSS3 Animations
      1. 3. Generating fontawesome icons
        1. 4. Input placeholder styles
          1. 5. The responsive mode: breakpoints
            1. References

              1. The Cross-Browsers

              Sass

              2. CSS3 Animations

              Sass

              Examples of how to use, combined animations with cross browser transform:

              Sass

              What will be printed out:

              CSS

              Add the animation to an element:

              Sass

              3. Generating fontawesome icons

              Sass

              Example of how to use:

              Sass

              What will be printed out:

              CSS

              4. Input placeholder styles

              Sass

              Example of how to use:

              Sass

              What will be printed out:

              CSS

              5. The responsive mode: breakpoints

              This very useful piece of code is from Glenn McComb blog. Please visit the blog if you would like to see more explanations and a deeper implementation on this.

              Sass

              Example of how to use:

              Sass

              What will be printed out:

              CSS

              References

              • SASS Mixins and Includes
              • Useful Sass (SCSS) media query mixins for Bootstrap
              0

              Filed Under: Front-end Tagged With: animation, bootstrap, css, scss

              Recent posts

              [WordPress] Open Images in Posts into Lightboxes On Clicks (Without Plugins)

              Mangools Review: A Productive SEO tool for The Affiliates

              [Vue.js] 8 months into Vue and what I like about it

              Reader Interactions

              You are here: Home / Front-end / [CSS] 5 Useful mixins for SASS

              Leave a Reply Cancel reply

              Your email address will not be published. Required fields are marked *

              Primary Sidebar

              Hello! My name is Anh. I am a front-end developer in Oulu, Finland. Currently, I work with PHP, HTML, CSS, JavaScript and love writing about them. This blog is my learning diary. Please feel free to join the discussion!

              FOLLOW MY BLOG

              Thank you for visiting this website! I hope you find something useful here :). Contact me by email: anh@anhkarppinen.com.