Announcement

Collapse
No announcement yet.

What framework is Suivant css based on?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    What framework is Suivant css based on?

    Does anyone know what CSS framework the Suivant CSS is based on? I did some class name searches but came up empty handed.
    M.A.D.* since 1997

    http://www.scotsscripts.com

    *miva application developers

    #2
    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

    Comment


      #3
      Re: What framework is Suivant css based on?

      Ok, follow up, do you or anyone know if there are any scaffolding, typography, or other docs?
      M.A.D.* since 1997

      http://www.scotsscripts.com

      *miva application developers

      Comment


        #4
        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


          #5
          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...
          M.A.D.* since 1997

          http://www.scotsscripts.com

          *miva application developers

          Comment


            #6
            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


              #7
              Re: What framework is Suivant css based on?

              How do you hide an element based on screen size?

              If I go: <div class="row small-hide"> ... </div> the row is hidden 100% of the time regardless of screen size.
              M.A.D.* since 1997

              http://www.scotsscripts.com

              *miva application developers

              Comment


                #8
                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


                  #9
                  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.
                  M.A.D.* since 1997

                  http://www.scotsscripts.com

                  *miva application developers

                  Comment


                    #10
                    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


                      #11
                      Re: What framework is Suivant css based on?

                      Ah ha! I see how you're doing it, you're manually defaulting the element to hidden using "hide" and then making it visible based on screen size using other scaffolding classes.

                      Thanks, makes a lot more sense to me now.
                      M.A.D.* since 1997

                      http://www.scotsscripts.com

                      *miva application developers

                      Comment


                        #12
                        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


                          #13
                          Re: What framework is Suivant css based on?

                          Thanks Matt.

                          One additional question. How about 'medium-all'? How does that work compare to show and hide?

                          Comment


                            #14
                            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


                              #15
                              Re: What framework is Suivant css based on?

                              Sorry Matt, but i didn't understand that at all. Maybe an example will help. So for the below class, what does medium-all-hidden do?

                              <ul class="medium-all-hidden no-list mobile-main-header bottom-shadow">

                              Comment

                              Working...
                              X