Posts

Showing posts from December, 2020

Sass Responsive Interpolation

Image
Hello again! I have another unpublished post from the past today. This was a short and sweet explanation for a small SCSS script I made to help myself have better control over responsive websites. I didn't write a lot, but I don't think it would have made sense if I wrote more. November 2, 2019 I know I haven't posted on this blog in awhile, but I did a thing. I actually reinvented responsive CSS for no reason! No Javascript involved :) Basically the this project does linear interpolation of any CSS attribute between two breakpoints in SCSS (Sass). Here's how it looks in usage. @import ' responsive-interpolation ' ; $left-breakpoint 800px; $right-breakpoint : 2000 px ; $top-breakpoint 800px; $bottom-breakpoint : 2000 px ; #my-responsive-box { // This will interpolate the box's width and height to go from 150px to 350px from the left breakpoint // to the right breakpoint. @include responsive-interpolate-x ( ( " width "