Menu icon Foundation

My Posts

  • NEW
  • Many erros in production mode

    By Robert

    errossites

    When i uncomment     // Comment in the pipe below to run UnCSS in production    .pipe($.if(PRODUCTION, $.uncss(UNCSS_OPTIONS))) i got many erros like ReferenceError: Cant find variable: $ ... undefined is not an object (... (continued)


  • NEW
  • SELECT HIGHT

    By Robert

    selectinputheight

    I have build some sites with foundation 6, suddenly i have select {  height: 2.4375rem; [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [ty... (continued)



  • 1
    Reply
  • Change path for dist

    By Robert

    Path

    Today i had the idea to build a new machine with Ubuntu, to set Apache und Mysql just like i have it at the server online. Then i need a small trick in my hosts to call the server at home instead of the one in www. (With two small .bat i can swicth betw... (continued)

    Last Reply by Dominik Pieper about 3 years ago


  • 4
    Replies
  • show-for / hide-for

    By Robert

    shoHide

    Seems i dont see the forest while watching so many trees:   I have two divs like:   <div class="show-for-medium"></div> and <div class="hide-for-medium"></div>   medium is 600px.   Everything is fine t... (continued)

    Last Reply by Robert about 3 years ago


  • 3
    Replies
  • How to show playing cards?

    By Robert

    floatF6

    Imagine you have to show 52 playing cards on all devices. 1. Without zoom On large screens i can show 4 or 5 of them in one row. On smaller Screens i can show 3, on small screens only 2 of them. But how i can solve this? If i use a grid i hav... (continued)

    Last Reply by Esa Rantanen over 3 years ago


  • 5
    Replies
  • Cant change H3

    By Robert

    cssh3

    h1, h2, h3 { font-family: 'Oswald',din-condensed-web,"Arial Narrow",sans-serif; color: #000; } F Build writes only H1 and H2 to my app.css. When i change for example to h1, h2, h3 { font-family: 'Oswald',din-condensed-web,"Arial Narrow",sans... (continued)

    Last Reply by Robert over 3 years ago


  • 1
    Reply
  • Improve building

    By Robert

    build

    While build deletes the whole dir /dist/ it works not optimal in my opinion. I image that the whole story will need a lot of time with a site with a lot of pages. If there is no change with layout and no change with another page in /pages/ they should... (continued)

    Last Reply by Brandon Arnold over 3 years ago




My Comments

Robert commented on Robert's post about 3 years

Ok. I got it. I was in the wrong file. :)

Robert commented on Robert's post about 3 years

Yes. But not for that one pixel that separetes small and medium in my example.
I have set
small 0,medium 533
 
show-for-medium x / hide-for-medium y
i have x for 0 till 532
i have x y for 533
i have y from 534 till n

Robert commented on Robert's post about 3 years

I have not tried it, but it could solve only 1 to n, it will fail with show-for-large, because show-for-small-only and show-for-medium-only should not be possible. I am confused that nobody else knows about this problem. Is there nobody else using two menus? Or is there another better way to do so?

Robert commented on Robert's post over 3 years

Thank you.
I solved it like this:

<div class="pic">IMAGE</div>
.pic{
 float: left; 
 width: 49%;
 margin: 4% 1% 10px 0%;
}

@media only all and (min-width: x px) {
  .pic{
   width: 32.3%;
   margin:  4% 1% 10px 0%;
  }
}

@media only all and (min-width: x+y px) {
...
@media only all and (min-width: x+y+z px) {

and so on

Robert commented on Tonybyte's post over 3 years

While i make a search for something i see dirs like:


D:\anc2\node_modules\browser-sync\node_modules\browser-sync-ui\node_modules\weinre\web\doc\index.html'

Maybe the installer writes here again and again node_modules instead of

D:\anc2\node_modules\browser-sync\browser-sync-ui\weinre\web\doc\index.html'

There are a lot dirs like this.

Robert commented on Tonybyte's post over 3 years

I had this problem while something was wrong with the installation of all this small things you have to install.

I tried to update everything and finally i made a "foundation new" without any problems.

Robert commented on Robert's post over 3 years

It seems i made no good job. While i can copy .html and .php Files to /dist/ the sass dont watch inside the .php-files for needed styles.

Has anyone solved this problem?

I want to use .html and .php files in my /src/pages

The only solution i have no is to set up two projects and change gulpfile.js from .html to .php.
But for shure it would be more nice to have both in one step.

Robert commented on Robert's post over 3 years

I tried a foundation new not basic template and again everythin is ok.

And now i have no more ideas how to solve the story. :(

Robert commented on Robert's post over 3 years

I tried a foundation new basic and could use h1-h6.

Robert commented on Robert's post over 3 years

I could solve it by adding a small second h.css with css for h3 till h6, but this is not the right way to go. :(

Posts Followed

  • 36
    Replies
  • Foundation 6 filenames too long

    By Tonybyte

    filenames

    I upgraded to Foundation 6 sites (SASS). If I sync folders, move anything, or try to delete folders, I keep getting Windows 7 problems of "filenames are too long" in the "node_modules" folder. I've rarely had this issue in the past with anything. To d... (continued)

    Last Reply by Garry Brown over 1 year ago


  • 5
    Replies
  • css files?

    By Robert

    css scss files f6

    I am not really shure what is needed and what not. /dist/assets/css I have media.css (my own definitions) I have app.css What is with that famous normalize.css? Somewhere it is written that this is not automatically build while making a new web. S... (continued)

    Last Reply by Robert over 3 years ago


Following

    No Content

Followers

My Posts











My Comments

You commented on Robert's post about 3 years

Ok. I got it. I was in the wrong file. :)

You commented on Robert's post about 3 years

Yes. But not for that one pixel that separetes small and medium in my example.
I have set
small 0,medium 533
 
show-for-medium x / hide-for-medium y
i have x for 0 till 532
i have x y for 533
i have y from 534 till n

You commented on Robert's post about 3 years

I have not tried it, but it could solve only 1 to n, it will fail with show-for-large, because show-for-small-only and show-for-medium-only should not be possible. I am confused that nobody else knows about this problem. Is there nobody else using two menus? Or is there another better way to do so?

You commented on Robert's post over 3 years

Thank you.
I solved it like this:

<div class="pic">IMAGE</div>
.pic{
 float: left; 
 width: 49%;
 margin: 4% 1% 10px 0%;
}

@media only all and (min-width: x px) {
  .pic{
   width: 32.3%;
   margin:  4% 1% 10px 0%;
  }
}

@media only all and (min-width: x+y px) {
...
@media only all and (min-width: x+y+z px) {

and so on

You commented on Tonybyte's post over 3 years

While i make a search for something i see dirs like:


D:\anc2\node_modules\browser-sync\node_modules\browser-sync-ui\node_modules\weinre\web\doc\index.html'

Maybe the installer writes here again and again node_modules instead of

D:\anc2\node_modules\browser-sync\browser-sync-ui\weinre\web\doc\index.html'

There are a lot dirs like this.

You commented on Tonybyte's post over 3 years

I had this problem while something was wrong with the installation of all this small things you have to install.

I tried to update everything and finally i made a "foundation new" without any problems.

You commented on Robert's post over 3 years

It seems i made no good job. While i can copy .html and .php Files to /dist/ the sass dont watch inside the .php-files for needed styles.

Has anyone solved this problem?

I want to use .html and .php files in my /src/pages

The only solution i have no is to set up two projects and change gulpfile.js from .html to .php.
But for shure it would be more nice to have both in one step.

You commented on Robert's post over 3 years

I tried a foundation new not basic template and again everythin is ok.

And now i have no more ideas how to solve the story. :(

You commented on Robert's post over 3 years

I tried a foundation new basic and could use h1-h6.

You commented on Robert's post over 3 years

I could solve it by adding a small second h.css with css for h3 till h6, but this is not the right way to go. :(

Posts Followed



Following

  • No Content

Followers

  • No Content