Menu icon Foundation

Developer | Ouarzazate, Morocco

My Posts





My Comments

abdessamad idrissi commented on abdessamad idrissi's post almost 2 years

Thanks Will.
 
I already checked that once but it doesn't have range selection capabilities. I'am using this one for now even if it is not for Foundation but so far works http://crsten.github.io/datepickk/ 

abdessamad idrissi commented on amkp game's post over 2 years

You can change the radius in the _settings.scss
$global-radius: 6px;
 
The button is generated with base-button mixin:
/// Border radius for buttons, defaulted to global-radius.
/// @type Number
$button-radius: $global-radius !default;

...

@mixin button-base {
@include disable-mouse-outline;
display: inline-block;
vertical-align: middle;
margin: $button-margin;
padding: $button-padding;

-webkit-appearance: none;
border: 1px solid transparent;
border-radius: $button-radius;
transition: $button-transition;

font-size: map-get($button-sizes, default);
line-height: 1;
text-align: center;
cursor: pointer;
}

abdessamad idrissi commented on Jacob Graf's post over 2 years

For me the issue was caused by:
.top-bar, .top-bar ul {
background-color: transparent; // I changed this to white and it works.
}

abdessamad idrissi commented on Armin almuete's post almost 3 years

This is how I use it:
//config.js
require.config({
paths: {
/* jQuery */
'jquery': '../../.build/bower_components/foundation/js/vendor/jquery',

    /* Foundation */
    'foundation': '../../.build/bower_components/foundation-sites/dist/foundation.min',
    'foundation.equalizer': '../../.build/bower_components/foundation-sites/dist/plugins/foundation.equalizer',

...
},
shim: {
/* foundation */
"foundation": {
deps: ['jquery'],
exports: 'Foundation'
},
"foundation.equalizer": ['foundation'],
Inside the app.js
define(['jquery',
'modernizr',
'fastclick',
'utils',
'tools',
'foundation',
'slick',
'holder',
'jquery.timer'

],
function ($, Modernizr, FastClick, utils, tools, Foundation) {

    console.log(Foundation);

var equalize = new Foundation.Equalizer(doc, {});

abdessamad idrissi commented on abdessamad idrissi's post almost 4 years

I see that foundation is based on box-sizing: border-box;, and it is a globally set rule! At the end I decided to build my many grid system using http://andhart.github.io/bijou/ as a base :)

abdessamad idrissi commented on Torsten Mueller's post almost 4 years

i see only one top bar!

abdessamad idrissi commented on jarrod stanley's post about 4 years

If you don't have the variable defined; $small-only, then include the foundation _global.scss

abdessamad idrissi commented on Matt Taylor's post over 4 years
abdessamad idrissi commented on Rafi Benkual's post over 4 years

Please provide jQuery Cycle 2 as an alternative; it is more advanced than Slick slider or Owel slider..

abdessamad idrissi commented on Harry Francis's post over 4 years

Just update to latest Foundation (now 5.5) and this will be fixed.

Posts Followed





  • 5
    Replies
  • two top bar menus

    By Torsten Mueller

    topbarmenu icon

    Hi, i'm new to foundation. At 1st i have made a simple test page. I added a top bar menu. That works. Now i want to use a second top bar menu. The first menu contain a Menu icon, if i click there, the secons top bar will be visible (toggle function). Is ... (continued)

    Last Reply by Rafi Benkual almost 4 years ago


Following

    No Content

Followers

  • Rahul Sharma has no published posts

My Posts

My Comments

You commented on abdessamad idrissi's post almost 2 years

Thanks Will.
 
I already checked that once but it doesn't have range selection capabilities. I'am using this one for now even if it is not for Foundation but so far works http://crsten.github.io/datepickk/ 

You commented on amkp game's post over 2 years

You can change the radius in the _settings.scss
$global-radius: 6px;
 
The button is generated with base-button mixin:
/// Border radius for buttons, defaulted to global-radius.
/// @type Number
$button-radius: $global-radius !default;

...

@mixin button-base {
@include disable-mouse-outline;
display: inline-block;
vertical-align: middle;
margin: $button-margin;
padding: $button-padding;

-webkit-appearance: none;
border: 1px solid transparent;
border-radius: $button-radius;
transition: $button-transition;

font-size: map-get($button-sizes, default);
line-height: 1;
text-align: center;
cursor: pointer;
}

You commented on Jacob Graf's post over 2 years

For me the issue was caused by:
.top-bar, .top-bar ul {
background-color: transparent; // I changed this to white and it works.
}

You commented on Armin almuete's post almost 3 years

This is how I use it:
//config.js
require.config({
paths: {
/* jQuery */
'jquery': '../../.build/bower_components/foundation/js/vendor/jquery',

    /* Foundation */
    'foundation': '../../.build/bower_components/foundation-sites/dist/foundation.min',
    'foundation.equalizer': '../../.build/bower_components/foundation-sites/dist/plugins/foundation.equalizer',

...
},
shim: {
/* foundation */
"foundation": {
deps: ['jquery'],
exports: 'Foundation'
},
"foundation.equalizer": ['foundation'],
Inside the app.js
define(['jquery',
'modernizr',
'fastclick',
'utils',
'tools',
'foundation',
'slick',
'holder',
'jquery.timer'

],
function ($, Modernizr, FastClick, utils, tools, Foundation) {

    console.log(Foundation);

var equalize = new Foundation.Equalizer(doc, {});

You commented on abdessamad idrissi's post almost 4 years

I see that foundation is based on box-sizing: border-box;, and it is a globally set rule! At the end I decided to build my many grid system using http://andhart.github.io/bijou/ as a base :)

You commented on Torsten Mueller's post almost 4 years

i see only one top bar!

You commented on jarrod stanley's post about 4 years

If you don't have the variable defined; $small-only, then include the foundation _global.scss

You commented on Rafi Benkual's post over 4 years

Please provide jQuery Cycle 2 as an alternative; it is more advanced than Slick slider or Owel slider..

You commented on Harry Francis's post over 4 years

Just update to latest Foundation (now 5.5) and this will be fixed.

Posts Followed




Following

  • No Content

Followers

  • Rahul Sharma has no published posts