Does anyone know what CSS framework the Suivant CSS is based on? I did some class name searches but came up empty handed.
Announcement
Collapse
No announcement yet.
What framework is Suivant css based on?
Collapse
X
-
Re: What framework is Suivant css based on?
apparently it is all new - not based on Bootstrap etc.Gordon Currie
Phosphor Media - "Your Success is our Business"
Improve Your Customer Service | Get MORE Customers | Edit Any Document Easily | Free Modules | Follow Us on Facebook
phosphormedia.com
-
Re: What framework is Suivant css based on?
Hi Scot,
Suivant and Optics are both based on the cornerstoneUX framework. Documentation will be available for it within the coming weeks.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Re: What framework is Suivant css based on?
Thanks for the info Matt, I see it's your project. I've been going through the CSS, looks fairly thorough. Are you planning on adding any jquery components? That's one of the nice things about bootstrap, kube, and some other frameworks- easy ways to deal with collapses, tabs, etc...
Comment
-
Re: What framework is Suivant css based on?
Hi Scot,
You're welcome. Yes, there are/will be some components added to it. Preliminary documentation is in place for the first two building blocks for responsive tabs/accordions and touch enabled tool tips with others on the way.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Re: What framework is Suivant css based on?
Hi Scot,
In your example, the row will be visible for screens under small and hidden for screens small and larger. If you want to make it visible at a specific break-point, you would add that into the class list, i.e. large-show.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Re: What framework is Suivant css based on?
That's not intuitive for me personally. I'd expect "small-hide" to hide an element if it was considered to be a "small" size.
How exactly would I hide an element if the screen size is equal to or less than "small"?
I've been experimenting with large-show, small-show, large-hide, and small-hide, and nothing I do allows me to have an element that disappears when the screen size gets smaller. Will you give me an example, plug in the proper CSS below so that I can see how it works?
I want this row to be hidden when the screen is "small" or smaller:
<div class="row "></div>
Thanks. I just feel like I'm spending way too much time trying to figure out how this framework is put together and need to spend more time on getting stuff done in client stores.
Comment
-
Re: What framework is Suivant css based on?
Hi Scot,
This should do it:
HTML Code:<div class="row hide medium-show"></div>
Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Re: What framework is Suivant css based on?
Hi Scot,
Correct, the scaffolding, as well as the entire framework, is mobile-first to the idea is to think additive.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Re: What framework is Suivant css based on?
@kitdang - There are "all-hidden" and "all-shown" in each breakpoint. "all-hidden" applies display none and visibility hidden where "all-shown" reverses that to display block and visibility visible.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
Comment