Are there plans to support the libsass-based sassc compiler?

Currently (libsass 3.2.1) there is an error:

Error: invalid selector after 25
        on line 221 of src/_skel.scss
>>          .container.\31 25\25        { width: 100%; max-width: $width * 1.25; min-width: $
   ------------------^

I am not familiar with this backslash syntax so I don't really know how to help. Can you point me to a resource to learn about this?

Thanks!

Hey.

I've been trying to build in a way to handle multiple levels of navigation in panels. My solution is to make parent links accordions which then reveal the child links when clicked / tapped. However, no matter which accordion plugin I use, they all fail. I can get them all to work fine in the main body of a page but as soon as I copy & paste the code into a panel, they don't work. The accordions stay closed and do not open when clicked.

I also had an issue of links, even #, closing the panels. I tried adding skel-panels-ignore (as suggested in another issue) to the links which stopped the panels closing but did not help with the accordions issue.

Any ideas?

My config is as follows:

// Init skelJS 
window._skel_config = {
    prefix: 'wp-content/themes/ckd-reset/style',
    preloadStyleSheets: true,
    resetCSS: true,
    boxModel: 'border',
    preloadStyleSheets: true,
    grid: { gutters: 40 },
    breakpoints: {
        desktop: { range: '1020-', containers: 960 },
        tablet: { range: '681-1019', containers: 640 },
        mobile: { range: '-680', containers: 300, lockViewport: true, grid: { collapse: true, gutters: 20 } }
    }
};

// Init skelJS panels plugin
window._skel_panels_config = {
    panels: {
        leftPanel: {
            breakpoints: 'tablet,mobile',
            useTransform: false,
            position: 'left',
            size: "75%",
            html: '<div data-action="copyHTML" data-args="mobileNav"></div>'
        }
    }
};

I have a tablet with 1200*800 resolution. When I chage tablet orientation the breakpoints are not changing, why?

And second question: window.innerWidth=800px in portrain orientation, why I have tablet brakepoint instead of shortdesktop?

Here my config: window._skel_config = { prefix: '/sites/main/themes/ag/css/style', preloadStyleSheets: true, resetCSS: true, // boxModel: 'border', grid: { gutters: 30 }, breakpoints: { desktop: {range: '1000-', containers: 'fluid', grid: { gutters: 50 } }, shortdesk: {range: '785-999', containers: 'fluid', grid: { gutters: 50 } }, tablet: { range: '600-784', containers: 'fluid', lockViewport: true }, mobile: { range: '-599', containers: 'fluid', lockViewport: true, grid: { collapse: true, gutters: 20 } } } };

I am using Prologue template in MVC-4 project. Following skel.min.js error occured when i load page; also it does not render mobile menu when i run it on mobile simulator. Your help will be much appreciated.

"Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist."

snap attached:

Can I define a base path for the CSS files?

On the main path it works... for example: http://example.com/index.html

But breaks if I get further up, for example: http://example.com/products/software.html

Looking in chrome it now tries to load: http://example.com/products/css/style.css

Can I tell it to stick to: http://example.com/css/style.css ?

First of all, skelJS is a great framework. Would it be possible to ensure that it does not conflict with PrototypeJS, which comes as standard with Magento?

I tend to work solely with jQuery which can be forced into noConflict mode; is there a similar feature within skelJS?

At the moment, the only information that I possess is the following error message which is being reported by prototype.js:

Uncaught TypeError: Cannot call method 'call' of undefined

Has anyone had any success with using skelJS and PrototypeJS within the same page?

I setup Skel on a simple page and it works just fine. I can ask to alert something like this:

skel.on('change', function() { alert('Breakpoint state changed!'); });

When I load the exact same script into my WP-blog (with the wp_enqueue_scripts action), it works fine regarding changing the layout with every breakpoint (so it works, it finds the script and the css and so on), but the function

skel.on('change', function() { alert('Breakpoint state changed!'); });

does nothing, nothing gets alerted (yet it does change, as the layout changes, so I know the skel script works and detects changes). I need to change some dynamically set heights when the breakpoints change, so I do feel like I need that event :-/

Any idea on what this is and how I can get it to work?

I am using skeljs and prologue template. I am facing this issue with menus (nav) - when i put a url like "http://google.com" or "/account/login" it throws this error. The menu is using "#" urls by default - it scrolls sections.

Plese help me in this regards.

url in this menu.

Hi AJ.

I've now tried 2 scroll-to-top plugins and neither seem to work with Skel. When I remove Skel they both work fine.

Have you managed to get any to work?

The 2 I've tried are:

1. http://mattvarone.com/web-design/uitotop-jquery-plugin/
2. http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

Cheers,

Mark

When using a jquery mobile select element with data-native-menu set to false to use jqm's inbuilt custom menu. inside skel-js panel - it doesn't work.

clicking on it simply closes the panel.

thanks

Hello,

This is great framework without any doubt but when we talk about responsive websites for mobile devices speed must be a major factor. If you run html4up.net website on Google page speed this is showing very low page rank. Please have a look.

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fhtml5up.net%2F

I think things can be improve if SkelJS framework loads dynamic CSS files into single