Menu icon Foundation

My Posts



  • NEW
  • Working with the Top Bar SCSS

    By Alley Hector

    scsstop bar

    Although I am familiar with Foundation I have been working with the SASS version, specifically the Top Bar, for the first time with this site: http://www.prontocycleshare.com/ My question is mostly technical although I can go a couple different dire... (continued)


  • 1
    Reply
  • Bower and loading js files

    By Alley Hector

    bowergitjavascript

    I am using the SASS version of Foundation for the first time and was able to get everything set up successfully on my localhost. When I sent it to our development server I realized that the javascript that I was referencing within the bower_components fol... (continued)

    Last Reply by Alley Hector over 5 years ago





My Comments

Alley Hector commented on Alley Hector's post over 4 years

I meant the gemfile and the gemfile.lock
https://github.com/zurb/foundation/blob/master/Gemfile
https://github.com/zurb/foundation/blob/master/Gemfile.lock

I just copied them from the github repo.

Then I went ahead and created .ruby-gemset and .ruby-version files using this method:

https://rvm.io/workflow/projects

Alley Hector commented on Alley Hector's post over 5 years

I found this article that discusses my question pretty in depth but if anyone out there has an opinion I'm still down to hear it:

http://addyosmani.com/blog/checking-in-front-end-dependencies/

Alley Hector commented on Alley Hector's post over 5 years

I see my default the bower_components folder is within the .gitignore file and so never made it up to my server.

So what is the correct way to reference it? Or should I remove from the .gitignore and send bower up to my server? My impression was that it was just for development but I do need to reference those files somehow.

Thanks for the help. The documentation on setting up compass and SASS seems to end without explaining this part.

Alley Hector commented on Alley Hector's post over 5 years

You can take a look at the nav here:

http://dev.prontocycleshare.com/

Alley Hector commented on Alley Hector's post over 5 years

I tried that. It only makes the top half of the right side of the rollover go straight up instead of skewed. Not sure why.

Alley Hector commented on Alley Hector's post over 5 years

I'm skewing the part that Foundation uses for its hover. Where else would be better? How would you implement $topbar-button as a mixin?

Below is the html for how Foundation uses the top bar if that is helpful:

      <section class="top-bar-section">
         <ul class="right">
           <li>
            <?php
                $secondaryMenu = fuel_nav(array('group_id' => 'Secondary', 'depth' => 1,  'active' => uri_path(), 'cascade_selected' => FALSE, 'return_normalized' => TRUE));

                echo $this->menu->render($secondaryMenu, 'active', NULL, 'basic');
            ?>             
          </li>  
        <li> <a href="https://www.Facebook.com/ProntoCycleShare" target="_new"><i class="fa fa-facebook"></i></a></li>
        <li><a href="https://www.twitter.com/CyclePronto" target="_new"><i class="fa fa-twitter"></i></a></li>
        </ul>
    </section>

Alley Hector commented on Alley Hector's post over 5 years

Thanks. I am going down this route currently and I am finding myself having to change A LOT of the SCSS. I was thinking I would stick with it but I'm still thinking there is a better solution. The CSS from _top-bar.scss is quite extensive, has media queries etc. So if anyone else has any ideas they would be most welcome.

Posts Followed

  • NEW
  • Working with the Top Bar SCSS

    By Alley Hector

    scsstop bar

    Although I am familiar with Foundation I have been working with the SASS version, specifically the Top Bar, for the first time with this site: http://www.prontocycleshare.com/ My question is mostly technical although I can go a couple different dire... (continued)




  • 1
    Reply
  • Bower and loading js files

    By Alley Hector

    bowergitjavascript

    I am using the SASS version of Foundation for the first time and was able to get everything set up successfully on my localhost. When I sent it to our development server I realized that the javascript that I was referencing within the bower_components fol... (continued)

    Last Reply by Alley Hector over 5 years ago


Following

    No Content

Followers

My Posts







My Comments

You commented on Alley Hector's post over 4 years

I meant the gemfile and the gemfile.lock
https://github.com/zurb/foundation/blob/master/Gemfile
https://github.com/zurb/foundation/blob/master/Gemfile.lock

I just copied them from the github repo.

Then I went ahead and created .ruby-gemset and .ruby-version files using this method:

https://rvm.io/workflow/projects

You commented on Alley Hector's post over 5 years

I found this article that discusses my question pretty in depth but if anyone out there has an opinion I'm still down to hear it:

http://addyosmani.com/blog/checking-in-front-end-dependencies/

You commented on Alley Hector's post over 5 years

I see my default the bower_components folder is within the .gitignore file and so never made it up to my server.

So what is the correct way to reference it? Or should I remove from the .gitignore and send bower up to my server? My impression was that it was just for development but I do need to reference those files somehow.

Thanks for the help. The documentation on setting up compass and SASS seems to end without explaining this part.

You commented on Alley Hector's post over 5 years

You can take a look at the nav here:

http://dev.prontocycleshare.com/

You commented on Alley Hector's post over 5 years

I tried that. It only makes the top half of the right side of the rollover go straight up instead of skewed. Not sure why.

You commented on Alley Hector's post over 5 years

I'm skewing the part that Foundation uses for its hover. Where else would be better? How would you implement $topbar-button as a mixin?

Below is the html for how Foundation uses the top bar if that is helpful:

      <section class="top-bar-section">
         <ul class="right">
           <li>
            <?php
                $secondaryMenu = fuel_nav(array('group_id' => 'Secondary', 'depth' => 1,  'active' => uri_path(), 'cascade_selected' => FALSE, 'return_normalized' => TRUE));

                echo $this->menu->render($secondaryMenu, 'active', NULL, 'basic');
            ?>             
          </li>  
        <li> <a href="https://www.Facebook.com/ProntoCycleShare" target="_new"><i class="fa fa-facebook"></i></a></li>
        <li><a href="https://www.twitter.com/CyclePronto" target="_new"><i class="fa fa-twitter"></i></a></li>
        </ul>
    </section>

You commented on Alley Hector's post over 5 years

Thanks. I am going down this route currently and I am finding myself having to change A LOT of the SCSS. I was thinking I would stick with it but I'm still thinking there is a better solution. The CSS from _top-bar.scss is quite extensive, has media queries etc. So if anyone else has any ideas they would be most welcome.

Posts Followed

Following

  • No Content

Followers

  • No Content