CSS Functions Not Working

No replies
Last seen: 3 years 35 weeks ago
Joined: 2017-10-27

I'm new to using CSS. I am currently working my way through the "Front End Development" video training series, but I am having some trouble getting a CSS function (converting pixels to REMs) to work. Can anyone tell me what I am doing wrong? I also have a video if you need more clarity:

_function.scss file code:

@function px2em($size-in-px, $base-size:$default-font-size) {
@return ($size-in-px/$base-size) + em;
@function px2rem($size-in-px) {
@return ($size-in-px/$default-font-size) + rem;

Video Link:



Add to playlist

Add to , or

Add to new playlist:

Add to playlist
This is a member-only feature
But, it's easy to become a member

Add to cart:

Contact us

Below are the supported keyboard shortcuts for our video player.

Start / stop video
Go to next video
Go to previous video
Increase or decrease player speed by 20%
Skip ahead or go back by 15 seconds
Jump to a percentage (2 is 20%, for example)
Toggle full screen
Videos Pricing More Search
BuildAModule Logo Icon BuildAModule Logo Icon
Become a member!
1 month
6 months
10% off
12 months
20% off
All memberships come with the following:
24 / 7 access to the entire 1800+ video library
An innovative video player with a rolling transcript
Extensive Drupal and cross-platform training
A thorough and thoughtful training style
Progress tracking
Take notes on specific video sections
Intuitive multi-user management
How many users?
Go solo with a single user, or give multiple team members access through one account and get discounts by bundling multiple users into a single membership.