• 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

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

              Recent posts

              [WordPress] Let’s Make Plugin E01: A Simple View Count Plugin

              [WordPress] Create custom post type programmatically

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

              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

              Hi! I am a Vietnamese coder living in Oulu, Finland. Currently I am working with PHP, MySQL, HTML, CSS, and JavaScript. This blog is my learning diary, in which I share knowledge from my own experience or research. Hopefully you can find something useful here and don’t hesitate to open a discussion or leave a feedback!

              FOLLOW MY BLOG

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