Menu icon Foundation

Designer

My Posts


  • 2
    Replies
  • ZF 6 Callouts

    By Val Ery

    Callout

    Hi All! Quote: "Callouts combine panels and alerts from Foundation 5 into one generic container component." (http://foundation.zurb.com/sites/docs/callout.html) Now I'm trying to create a theme based on the foundation for sites 6 for my favorite CMS... (continued)

    Last Reply by Val Ery over 1 year ago


My Comments

Val Ery commented on Greg Brown's post 14 days

The easiest way to add FontAwesome to a project.
Initial data: Foundation CLI version 2.2.3, Foundation 6.4.1, Zurb Template
1. Download FontAwesome and unpack the archive.2. Copy the contents of 'scss' directory to the project's 'src/assets/scss/components' directory.3. Copy the contents of 'fonts' catalog directly to the 'src/assets' directory.4. In project's app.scss file add a string
@import 'components/font-awesome';
5. Check $fa-font-path in _variables.scss.
$fa-font-path: "../fonts" !default;

Val Ery commented on Mike Weisz's post 22 days

You will not believe it, but I also have the same problems. It should be noted that I registered on the forum is not the first day ...However, I am more interested in trying to find answers to the questions asked. <span title="Просто... В качестве тренировки и, возможно, помощи вопрошающим.

">Just ... As a training and, perhaps, help with inquiring.One more observation of mine. The forum periodically appears people who are trying to answer the questions asked. They also disappear from time to time. I propose that in this way Zurb tests new specialists. If so, then this is a bad practice. For the community.
Firstly, because Rafi alone is hard to cope with the support of the forum (he needs help). Secondly, the interest of employees in educating the community is limited by the time spent for the candidate to pass the test. Thirdly, all this shows to potential members of the community that there is simply no community. IMHO.
Sorry for my google-inglish.

Val Ery commented on Ramakrishna Anand's post 26 days

Mandatory registration? No thanks.

Val Ery commented on Gordon Smith 's post 28 days

For hyperlinks:
a, a:hover, a:active, a:focus {
outline: none;
}
Suitable?

Val Ery commented on AJ's post about 1 month

OK. Then it turns out that xy-grid is just a grid that allows you to place blocks on the page without the possibility of aligning the inner content along the axes.
I am disappointed.
IMHO, the advantage of the framework was in the ability to easily manage elements by the usual use of classes and attributes. Now in complete version we get the need to add the css rules by hand. I think it's a step back ...
P.S. I'm talking about the "complete" version, which is available on the download page. I understand that using the command line interface, I will get the result that I need.

Val Ery commented on AJ's post about 2 months

Hi AJ!
So?
@media screen and (max-width: 39.9375em) {
.mymenu ul {
float: left;
}
}

Val Ery commented on Thomas E. Vasquez's post about 2 months

Oh! This is very intriguing. I'll wait with impatience.

Val Ery commented on Thomas E. Vasquez's post about 2 months

Hi Thomas!
Thank you! I already downloaded :)
P.S. Notified form on page (https://themeawesome.com/wp-edify/) gives error 404

Val Ery commented on Viktor's post about 2 months

Hi Viktor!
So?
<div class="header-wrapper" style="background-color: #e6e6e6;">
<header class="row">
<!-- top-bar content here -->
</header>
</div>

Val Ery commented on AJ's post about 2 months

 @Rafi!
I confirm: aligning classes do not work in the Flexbox version.
@AJ! Such an example suits you - https://codepen.io/Val_Ery/pen/NgYprNIn the example:1. centered drop-down menu2. for small screens - usual drilldown menu (not centered)3. sticky menu4. "anti" title-bar (white background, dark gray icon)
Preventing FOUC was not used.

Posts Followed







  • 2
    Replies
  • Top bar content inside global width (row)

    By Viktor

    top bar

    I'm trying to create a header top bar that will be full-width (.top-bar has a background-color style that I'd like to span the whole width). However, I'd like my header nav links to not be wider than my global width (1280px in my case or 80rem). I tried ... (continued)

    Last Reply by Viktor about 2 months ago


  • 7
    Replies
  • menu-center is not working

    By AJ

    p

    I'm using foundation 6 for sites and I've tried centering the main navigation (menu-center) but it's not working. I've had to add padding to center the entire row, but once I start scaling down to a small screen size, it jumps off canvas. I've even made ... (continued)

    Last Reply by Ryan Patterson about 1 month ago




Following

    No Content

Followers

My Posts


My Comments

You commented on Greg Brown's post 14 days

The easiest way to add FontAwesome to a project.
Initial data: Foundation CLI version 2.2.3, Foundation 6.4.1, Zurb Template
1. Download FontAwesome and unpack the archive.2. Copy the contents of 'scss' directory to the project's 'src/assets/scss/components' directory.3. Copy the contents of 'fonts' catalog directly to the 'src/assets' directory.4. In project's app.scss file add a string
@import 'components/font-awesome';
5. Check $fa-font-path in _variables.scss.
$fa-font-path: "../fonts" !default;

You commented on Mike Weisz's post 22 days

You will not believe it, but I also have the same problems. It should be noted that I registered on the forum is not the first day ...However, I am more interested in trying to find answers to the questions asked. <span title="Просто... В качестве тренировки и, возможно, помощи вопрошающим.

">Just ... As a training and, perhaps, help with inquiring.One more observation of mine. The forum periodically appears people who are trying to answer the questions asked. They also disappear from time to time. I propose that in this way Zurb tests new specialists. If so, then this is a bad practice. For the community.
Firstly, because Rafi alone is hard to cope with the support of the forum (he needs help). Secondly, the interest of employees in educating the community is limited by the time spent for the candidate to pass the test. Thirdly, all this shows to potential members of the community that there is simply no community. IMHO.
Sorry for my google-inglish.

You commented on Ramakrishna Anand's post 26 days

Mandatory registration? No thanks.

You commented on Gordon Smith 's post 28 days

For hyperlinks:
a, a:hover, a:active, a:focus {
outline: none;
}
Suitable?

You commented on AJ's post about 1 month

OK. Then it turns out that xy-grid is just a grid that allows you to place blocks on the page without the possibility of aligning the inner content along the axes.
I am disappointed.
IMHO, the advantage of the framework was in the ability to easily manage elements by the usual use of classes and attributes. Now in complete version we get the need to add the css rules by hand. I think it's a step back ...
P.S. I'm talking about the "complete" version, which is available on the download page. I understand that using the command line interface, I will get the result that I need.

You commented on AJ's post about 2 months

Hi AJ!
So?
@media screen and (max-width: 39.9375em) {
.mymenu ul {
float: left;
}
}

You commented on Thomas E. Vasquez's post about 2 months

Oh! This is very intriguing. I'll wait with impatience.

You commented on Thomas E. Vasquez's post about 2 months

Hi Thomas!
Thank you! I already downloaded :)
P.S. Notified form on page (https://themeawesome.com/wp-edify/) gives error 404

You commented on Viktor's post about 2 months

Hi Viktor!
So?
<div class="header-wrapper" style="background-color: #e6e6e6;">
<header class="row">
<!-- top-bar content here -->
</header>
</div>

You commented on AJ's post about 2 months

 @Rafi!
I confirm: aligning classes do not work in the Flexbox version.
@AJ! Such an example suits you - https://codepen.io/Val_Ery/pen/NgYprNIn the example:1. centered drop-down menu2. for small screens - usual drilldown menu (not centered)3. sticky menu4. "anti" title-bar (white background, dark gray icon)
Preventing FOUC was not used.

Posts Followed

Following

  • No Content

Followers

  • No Content