mufaddalmw

{
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "geometry": {
            "type": "MultiPolygon",
            "coordinates": [
                [
                    [
                        [-62.838857, 17.881985],

mufaddalmw

<div id="root"></div>

mufaddalmw

Right-to-Left (RTL)

Implementation

There are two methods to use in order to flip CSS styles: interpolated properties and the flip() function.

• Interpolation should be used for any property which has a direction (e.g. padding-left, margin-right, border-right, left, etc.)
• flip() should be used for all other properties

Which properties need to be flipped?

mufaddalmw

scripts: [
    './node_modules/jquery/dist/jquery.min.js', //jquery library
    './node_modules/foundation-sites/dist/js/plugins/foundation.core.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.util.keyboard.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.util.box.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.util.triggers.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.util.mediaQuery.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.util.motion.js', //foundation core library
    './node_modules/foundation-sites/dist/js/plugins/foundation.reveal.js', //foundation modal (popup)
    './node_modules/foundation-sites/dist/js/plugins/foundation.abide.js', //foundation form validation

mufaddalmw

<h1>Chart.js Sample</h1><!-- line chart canvas element -->

<div style="width:400px;">
<canvas id="myChart" width="400" height="400"></canvas>
</div>

mufaddalmw

body {-webkit-font-smoothing: antialiased}

mufaddalmw

input:focus::-webkit-input-placeholder { opacity: .5; }
input:focus::-moz-input-placeholder { opacity: .5; }
input:focus::-ms-input-placeholder { opacity: .5; }

mufaddalmw

@font-face {
     font-family: 'Liberation Sans';
     src: url('fonts/LiberationSans-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'Liberation Sans';
     src: url('fonts/LiberationSans-Italic.ttf') format('truetype');
     font-weight: normal;

mufaddalmw

/*checkbox style*/
.checkbox input[type=checkbox] {opacity:0; position:absolute;}
.checkbox label {display:inline-block; padding:3px 3px 3px 26px; background:url(../img/glyphicons-halflings.png) no-repeat -446px -5px;}
.checkbox input[type=checkbox]:checked + label {background-position:-446px -35px;}
.lt-ie9 .checkbox label {background:none;}
.lt-ie9 .checkbox input{margin-top: 2px;}

/*checkbox disabled style*/
.checkbox input[type=checkbox]:disabled + label {background-position:-446px -65px;}
.checkbox input[type=checkbox]:disabled:checked + label {background-position:-446px -95px;}

mufaddalmw

var iOS = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
if (!iOS) {
  // Run scripts for anything but iOS
}