Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS is not loaded #1

Closed
rhukster opened this issue Sep 2, 2015 · 5 comments
Closed

CSS is not loaded #1

rhukster opened this issue Sep 2, 2015 · 5 comments
Assignees
Labels

Comments

@rhukster
Copy link
Member

rhukster commented Sep 2, 2015

Seems CSS is loaded between <noscript> tags causing them to not be processed by the browser.

@hexplor
Copy link
Contributor

hexplor commented Sep 4, 2015

I'm unable to replicate this. More informations needed.

@indigo423
Copy link

I can confirm this issue, tried installing skeleton and theme via bin/gpm install

@hexplor
Copy link
Contributor

hexplor commented Sep 11, 2015

hello indigo423,
can you send me your whole grav directory to karol@rockettheme.com or using gitter ? I would love to replicate that issue.

@mrsarge
Copy link

mrsarge commented Sep 29, 2015

Just got the issue on a new installation. Downloaded and extracted "grav-skeleton-striped-site-v1.0.1.zip" from the getgrav.org website. Installed the grav-plugin-highlight via gpm. Some CSS are being put inside a <noscript> tag.

<noscript>
  <link href="/grav/user/plugins/highlight/css/monokai_sublime.css" type="text/css" rel="stylesheet" />
  <link href="/grav/user/themes/striped/css/skel.css" type="text/css" rel="stylesheet" />
  <link href="/grav/user/themes/striped/css/style.css" type="text/css" rel="stylesheet" />
  <link href="/grav/user/themes/striped/css/style-desktop.css" type="text/css" rel="stylesheet" />
  <link href="/grav/user/themes/striped/css/style-wide.css" type="text/css" rel="stylesheet" />
</noscript>

style.css, style-desktop.css and style-wide.css are still working because they seem to be loaded by a javascript function just above the noscript block:

<script type="text/javascript">
(function($) {
  skel.init({
    reset: 'full',
    breakpoints: {
      global:   { range: '*', href: '/grav/user/themes/striped/css/style.css', containers: '100%', grid: { gutters: 50 }, viewport: { scalable: false } },
      desktop:  { range: '737-', href: '/grav/user/themes/striped/css/style-desktop.css' },
      wide:   { range: '1201-', href: '/grav/user/themes/striped/css/style-wide.css' },
      narrow:   { range: '737-1200', href: '/grav/user/themes/striped/css/style-narrow.css' },
      narrower: { range: '737-1000', href: '/grav/user/themes/striped/css/style-narrower.css' },
      mobile:   { range: '-736', href: '/grav/user/themes/striped/css/style-mobile.css', containers: '100%!', grid: { collapse: true } }
},

@hexplor
Copy link
Contributor

hexplor commented Sep 29, 2015

New version of Striped was released recently without these tags. I'm already updating striped grav theme to reflect these changes. Stay tuned for updates.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants