Menu icon Foundation

Developer | Tirana, Albania

Freelance Front End Developer

My Posts











My Comments

Klevis Miho commented on Klevis Miho's post about 2 years

Yeah that's it in general.
Thanks man :-)

Klevis Miho commented on Klevis Miho's post about 2 years

I don't want to have a lot of variables for colors.
I want to change the $primary and $secondary color based on the body class. 
Something like this:
.body-1 {
$primary-color: black;
$secondary-color: red;
}
.body-2 {
$primary-color: green;
$secondary-color: blue;
}
Sorry if I am not being clear enough. 

Klevis Miho commented on Klevis Miho's post about 2 years

 I have done it like your solution Lukas. But that would leave me with a lot of base color variables like:
 
$primary-color-1: #2fb3b8;
$secondary-color-1: #20808c;
$primary-color-2: #86af07;
$secondary-color-2: #5d731f;

Klevis Miho commented on Klevis Miho's post about 2 years

My main problem would be the styling in SASS.
Right now I am using it like this:
.body-1 {
.header {
.socials {
background: $primary-color-1;
border-top: 15px solid $secondary-color-1;
}
.donate {
span {
color: $primary-color-1;
}
}
}
}
.body-2 {
.header {
.socials {
background: $primary-color-2;
border-top: 15px solid $secondary-color-2;
}
.donate {
span {
color: $primary-color-2;
}
}
}
}
But I don't like this approach. I want to have only $primary-color and $secondary-color. 

Klevis Miho commented on Klevis Miho's post about 2 years

No CMS. Just plain Foundation with SASS without handlebars.

Klevis Miho commented on Klevis Miho's post about 2 years

Thanks Lukas. 
What would be your approach to a website which has 4 sections where each section has it's own branded colors?

Klevis Miho commented on Klevis Miho's post about 3 years

True, makes sense on bigger projects. But on smaller it adds a little overhead.

Klevis Miho commented on Julian Ćwirko's post over 3 years

There should be more documentation on Panini. There are a lot of things I grasped by trial and error.

Klevis Miho commented on Alexander Betz's post over 3 years

Do this:

var offCanvas = new Foundation.Offcanvas($('#offCanvas'));
offCanvas.close();
offCanvas.open();
offCanvas.toggle();

Klevis Miho commented on Klevis Miho's post over 3 years

Now I am testing the Zurb Template. How can I minify the css on this?

Posts Followed




  • 3
    Replies
  • Top-Bar not overlapping

    By Josh Fraser

    top-baroverlap

    Hi, I'm fairly new to Foundation and I've got a problem with the top-bar in Foundation 5 where it no longer overlaps the content at the top of the window, and instead it pushes down my content (a full window background image). When I scroll, the conten... (continued)

    Last Reply by Josh Fraser over 3 years ago


  • 1
    Reply
  • Using HTML5 elements with the Grid

    By Krish

    gridhtml5

    Hey, I just had a quick questions. I'm just looking for the best way to integrate HTML 5 elements into my grid system. I did read Ben Gremillions post about integrating HTML 5 elements into the foundations grid, but I'm not sure if its necessary for ... (continued)

    Last Reply by Klevis Miho over 3 years ago





  • 3
    Replies
  • How do you use Foundation?

    By Klevis Miho

    foundation5Sass

    I do it every time like this: 1. Download everything and unzip it. 2. Create a style.scss in the css folder (the style.css version is in that folder too). 3. Include foundation.min.css and style.css inside the <head> tag. Recently I am experimen... (continued)

    Last Reply by Danni almost 5 years ago


Following

    No Content

Followers

My Posts








My Comments

You commented on Klevis Miho's post about 2 years

Yeah that's it in general.
Thanks man :-)

You commented on Klevis Miho's post about 2 years

I don't want to have a lot of variables for colors.
I want to change the $primary and $secondary color based on the body class. 
Something like this:
.body-1 {
$primary-color: black;
$secondary-color: red;
}
.body-2 {
$primary-color: green;
$secondary-color: blue;
}
Sorry if I am not being clear enough. 

You commented on Klevis Miho's post about 2 years

 I have done it like your solution Lukas. But that would leave me with a lot of base color variables like:
 
$primary-color-1: #2fb3b8;
$secondary-color-1: #20808c;
$primary-color-2: #86af07;
$secondary-color-2: #5d731f;

You commented on Klevis Miho's post about 2 years

My main problem would be the styling in SASS.
Right now I am using it like this:
.body-1 {
.header {
.socials {
background: $primary-color-1;
border-top: 15px solid $secondary-color-1;
}
.donate {
span {
color: $primary-color-1;
}
}
}
}
.body-2 {
.header {
.socials {
background: $primary-color-2;
border-top: 15px solid $secondary-color-2;
}
.donate {
span {
color: $primary-color-2;
}
}
}
}
But I don't like this approach. I want to have only $primary-color and $secondary-color. 

You commented on Klevis Miho's post about 2 years

No CMS. Just plain Foundation with SASS without handlebars.

You commented on Klevis Miho's post about 2 years

Thanks Lukas. 
What would be your approach to a website which has 4 sections where each section has it's own branded colors?

You commented on Klevis Miho's post about 3 years

True, makes sense on bigger projects. But on smaller it adds a little overhead.

You commented on Julian Ćwirko's post over 3 years

There should be more documentation on Panini. There are a lot of things I grasped by trial and error.

You commented on Alexander Betz's post over 3 years

Do this:

var offCanvas = new Foundation.Offcanvas($('#offCanvas'));
offCanvas.close();
offCanvas.open();
offCanvas.toggle();

You commented on Klevis Miho's post over 3 years

Now I am testing the Zurb Template. How can I minify the css on this?

Posts Followed

Following

  • No Content

Followers