CSS Functions Not Working

No replies
teamlocal
Offline
Last seen: 21 weeks 5 days 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:
https://drive.google.com/a/teamlocal.org/file/d/1GTqBKVss51GQ9c4RSwCykdO...

Thanks,

Jeff

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:


Loading...
Contact us

Below are the supported keyboard shortcuts for our video player.

space
Start / stop video
shift
Go to next video
shift
Go to previous video
Increase or decrease player speed by 20%
Skip ahead or go back by 15 seconds
1...9
Jump to a percentage (2 is 20%, for example)
f
Toggle full screen
Videos Pricing More Search
BuildAModule Logo Icon BuildAModule Logo Icon
Become a member!
$29
1 month
$156
6 months
10% off
$276
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?
user
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.