Menu icon Foundation

Developer

My Posts


My Comments

Cam Heikkinen commented on Cam Heikkinen's post over 3 years

I agree that making a headline break is weird, but I don't think that the container width should ever extend beyond the width of the window by default. Again, I would think the default should be that it doesn't break the container. But that's just my opinion.

Cam Heikkinen commented on Cam Heikkinen's post over 3 years

I believe it's the h1 being too long.
I've made an issue on Github.
The word should wrap by default, in my opinion, as opposed to just breaking the layout.

Cam Heikkinen commented on Cam Heikkinen's post over 3 years

This is the row that's having issues. I'm not using wrapper tags. This is just sitting in the main container tag.
<row class="main">
<columns>
<h1 class="uppercase orange">Expanded Construction Drawings Now Available</h1>
<p class="intro black">Provide architects and building engineers additional details about your laundry project when they prepare permits and drawings.</p>
<spacer size="18"></spacer>
<center>
<img src="http://media.campaigner.com/media/7/73620/Speed%20Queen/sq-multihousing-main-image.jpg">
</center>
</columns>
</row>
I wasn't sure if you meant that the h1 was in the center tag. It's not, if that matters.

Cam Heikkinen commented on [email protected]'s post over 3 years

I'd like an invite

Cam Heikkinen commented on kostas's post over 3 years

You'd have to run
gulp greet
You named the task 'greet'. If you want it to run by default, then add it to the main 'watch' task or whatever your default task is.

Cam Heikkinen commented on Ian Daly's post over 3 years

I know this isn't the most elegant solution, but for the menu I added this to my sass: 
.menu {
.menu-item {
&.hide-on-small {
@media only screen and (max-width: #{$global-breakpoint}) {
display: none !important;
}
}
}
}

Cam Heikkinen commented on Mark Sanders's post over 3 years

I too am seeing an issue with columns. Here's the code:
<row>
<columns small="12" large="8">
<p>Visit Social Media under the Dealer Tools section to download your social media content.</p>
<spacer size="8"></spacer>
<center>
<button href="#">Visit Page <span>&#x25BA;</span></button>
</center>
</columns>
</row>
When I check the live preview using 'foundation watch'. Here's what I see:

And here is the html and actual calculated width:

 

 
That just doesn't add up. Something isn't correct. Any thoughts?
 

Posts Followed


  • 3
    Replies
  • Use gulp

    By kostas

    gulp

    hi, i have set up a project in Foundation 6. I perform the /usr/bin/foundation watch &nbsp; command in order to keep my CSS updated. I get: &nbsp; &gt; gulp [13:11:49] Using gulpfile ~/Desktop/myproject/gulpfile.js [13:11:49] Starting 'sass'...... (continued)

    Last Reply by Jarryd Fillmore over 3 years ago



  • 4
    Replies
  • Column widths

    By Mark Sanders

    emailcolumncolumn widthinky

    Do column widths work if: There's a single column marked as 'small=12; large=6' (or anything under 12) There's no other column to the 'right' This 'should' result in a half-width column, shouldn't it? The CSS is setting the width of such a column t... (continued)

    Last Reply by Mark Sanders over 3 years ago


Following

    No Content

Followers

My Posts

My Comments

You commented on Cam Heikkinen's post over 3 years

I agree that making a headline break is weird, but I don't think that the container width should ever extend beyond the width of the window by default. Again, I would think the default should be that it doesn't break the container. But that's just my opinion.

You commented on Cam Heikkinen's post over 3 years

I believe it's the h1 being too long.
I've made an issue on Github.
The word should wrap by default, in my opinion, as opposed to just breaking the layout.

You commented on Cam Heikkinen's post over 3 years

This is the row that's having issues. I'm not using wrapper tags. This is just sitting in the main container tag.
<row class="main">
<columns>
<h1 class="uppercase orange">Expanded Construction Drawings Now Available</h1>
<p class="intro black">Provide architects and building engineers additional details about your laundry project when they prepare permits and drawings.</p>
<spacer size="18"></spacer>
<center>
<img src="http://media.campaigner.com/media/7/73620/Speed%20Queen/sq-multihousing-main-image.jpg">
</center>
</columns>
</row>
I wasn't sure if you meant that the h1 was in the center tag. It's not, if that matters.

You commented on [email protected]'s post over 3 years

I'd like an invite

You commented on kostas's post over 3 years

You'd have to run
gulp greet
You named the task 'greet'. If you want it to run by default, then add it to the main 'watch' task or whatever your default task is.

You commented on Ian Daly's post over 3 years

I know this isn't the most elegant solution, but for the menu I added this to my sass: 
.menu {
.menu-item {
&.hide-on-small {
@media only screen and (max-width: #{$global-breakpoint}) {
display: none !important;
}
}
}
}

You commented on Mark Sanders's post over 3 years

I too am seeing an issue with columns. Here's the code:
<row>
<columns small="12" large="8">
<p>Visit Social Media under the Dealer Tools section to download your social media content.</p>
<spacer size="8"></spacer>
<center>
<button href="#">Visit Page <span>&#x25BA;</span></button>
</center>
</columns>
</row>
When I check the live preview using 'foundation watch'. Here's what I see:

And here is the html and actual calculated width:

 

 
That just doesn't add up. Something isn't correct. Any thoughts?
 

Posts Followed

Following

  • No Content

Followers