Foundation Framer and SASS - Post ID...

User 2022095 Photo


Registered User
121 posts

Anyone know if Foundation Framer version 2 build 329 includes SASS and if so can we use SASS.
Thanks,
-WMFX
User 244626 Photo


Registered User
811 posts

SASS is used at the lower build level to output CSS when setting up or compiling foundation is my guess so no, we just use the outputed CSS that results. Obviously we cannot edit the CSS even in FF now so how would you use it ?
I would love to have a way of editing custom css files or custom js files without having to re-add them into resources though. Adding js plugins and CSS overides can really add some cool stuff to your otherwise vanilla webpage.
Bootstrap 5 CSS Grid.
User 2022095 Photo


Registered User
121 posts

Thanks Twinstream,
Im trying to get away from plain ole webpages with FFramer or BBuilder but the included components are very minimal which makes me have to stop and try to build a needed component which is really slowing me down.
Modals, slider, responsive menus, flex video containers, mouseover reveals as basic components would be nice.

-WMFX
User 2022095 Photo


Registered User
121 posts

I was asking about SASS because I discovered this on the Foundation website while trying to figure somethings out...

"Built-in Transitions
Motion UI includes more than two dozen built-in transition classes. They can be enabled by adding this line to your Sass file, after you've imported the library:" located here: https://foundation.zurb.com/sites/docs/motion-ui.html

Im trying to reveal more info and or images after I mouseover a Card with header, text and picture.
Thanks,
-WMFX
User 244626 Photo


Registered User
811 posts

Yes, they are "mixed in" already. It is one added advantage over Bootstrap that I can see....

Here is a link to Mansour Youtube video showing usage of one used on a dropdown. Search in the recent tips and tricks for Foundation where he has a project file.

https://youtu.be/aKLFjfI6NHk

Thanks again Mansour !
Bootstrap 5 CSS Grid.
User 2699991 Photo


Registered User
4,782 posts
Online Now

wmfx wfmx wrote:
I was asking about SASS because I discovered this on the Foundation website while trying to figure somethings out...

"Built-in Transitions
Motion UI includes more than two dozen built-in transition classes. They can be enabled by adding this line to your Sass file, after you've imported the library:" located here: https://foundation.zurb.com/sites/docs/motion-ui.html

Im trying to reveal more info and or images after I mouseover a Card with header, text and picture.
Thanks,
-WMFX


Unless I am very much mistaken most of those transitions are already built into FF anyway in the attributes thingy once you have set the attribute you can add most of those transitions in the "Value" part of the "Attribute" bit
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2022095 Photo


Registered User
121 posts

aaahhh... Thank you Wayan Jaya!
I'll look for those transitions in the "Value" part of the "Attribute".

-wmfx

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.