Menu icon Foundation

My Posts





My Comments

Frank LANG commented on Frank LANG's post 6 months

Images now available thru the Docker Hub: https://cloud.docker.com/repository/list
 

Frank LANG commented on Chipster's post 6 months

Also: Foundation's ZURB stack including Twig (Twig.js) template engine and Vue.js progressive JS framework
https://github.com/franklang/foundation-zurb-template
 

Frank LANG commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
-Frank

Frank LANG commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
-Frank

Frank LANG commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

Frank LANG commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

Frank LANG commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

Frank LANG commented on apexa patel's post 6 months

You question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

Frank LANG commented on Frank LANG's post 6 months

Here: NodeJS/NPM based Docker images to compile Front-End assets (Foundation Zurb Template included).
This project provides Docker images designed to help processing front-end source code without the pain of having to deal with NodeJS/NPM local installation and package version issues.
At this point, you'll find 2 branches that are specific to Foundation Zurb Template ("master" and "v6.4"). It's also well documented. Took me 10 minutes to set everything up and now I don't even need to have NodeJS/NPM, Yarn and Gulp installed on my laptop anymore. Very simple if you've already dealt with Node/NPM before.
Please note that I still have to improve it with best practices from both Git and Docker.
Enjoy!
-Frank
 

Frank LANG commented on Frank LANG's post about 2 years

Best solution IMHO is number 3. Creating a custom SCSS placeholder starting from the native mixin code and stripping out all SKIN related properties to keep only CORE properties.
Initial Foundation 6 for sites mixin (as found in foundation-sites\scss\components_dropdown.scss) with highlighted CORE and SKIN properties :
/// Applies styles for a basic dropdown.
@mixin dropdown-container {
position: absolute; <= CORE
z-index: 10; <= CORE

display: block; <= CORE
width: $dropdown-width; <= SKIN
padding: $dropdown-padding; <= SKIN

visibility: hidden; <= CORE
border: $dropdown-border; <= SKIN
border-radius: $dropdown-radius; <= SKIN
background-color: $dropdown-background; <= SKIN

font-size: $dropdown-font-size; <= SKIN

&.is-open {
visibility: visible; <= CORE
}
}
My placeholder (mind the "-core" suffix) :
// @mixin dropdown-container();
%dropdown-container-core {
position: absolute;
z-index: 10;
display: block;
visibility: hidden;

&.is-open {
visibility: visible;
}

}
 

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Frank LANG's post 6 months

Images now available thru the Docker Hub: https://cloud.docker.com/repository/list
 

You commented on Chipster's post 6 months

Also: Foundation's ZURB stack including Twig (Twig.js) template engine and Vue.js progressive JS framework
https://github.com/franklang/foundation-zurb-template
 

You commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
-Frank

You commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
-Frank

You commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

You commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

You commented on apexa patel's post 6 months

Your question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

You commented on apexa patel's post 6 months

You question has been answered here: Anybody uses Foundation with Docker?
 
-Frank

You commented on Frank LANG's post 6 months

Here: NodeJS/NPM based Docker images to compile Front-End assets (Foundation Zurb Template included).
This project provides Docker images designed to help processing front-end source code without the pain of having to deal with NodeJS/NPM local installation and package version issues.
At this point, you'll find 2 branches that are specific to Foundation Zurb Template ("master" and "v6.4"). It's also well documented. Took me 10 minutes to set everything up and now I don't even need to have NodeJS/NPM, Yarn and Gulp installed on my laptop anymore. Very simple if you've already dealt with Node/NPM before.
Please note that I still have to improve it with best practices from both Git and Docker.
Enjoy!
-Frank
 

You commented on Frank LANG's post about 2 years

Best solution IMHO is number 3. Creating a custom SCSS placeholder starting from the native mixin code and stripping out all SKIN related properties to keep only CORE properties.
Initial Foundation 6 for sites mixin (as found in foundation-sites\scss\components_dropdown.scss) with highlighted CORE and SKIN properties :
/// Applies styles for a basic dropdown.
@mixin dropdown-container {
position: absolute; <= CORE
z-index: 10; <= CORE

display: block; <= CORE
width: $dropdown-width; <= SKIN
padding: $dropdown-padding; <= SKIN

visibility: hidden; <= CORE
border: $dropdown-border; <= SKIN
border-radius: $dropdown-radius; <= SKIN
background-color: $dropdown-background; <= SKIN

font-size: $dropdown-font-size; <= SKIN

&.is-open {
visibility: visible; <= CORE
}
}
My placeholder (mind the "-core" suffix) :
// @mixin dropdown-container();
%dropdown-container-core {
position: absolute;
z-index: 10;
display: block;
visibility: hidden;

&.is-open {
visibility: visible;
}

}
 

Posts Followed

Following

  • No Content

Followers

  • No Content