Giter Club home page Giter Club logo

wp-sass's Introduction

Alright 👋

Rob's github stats

  • 🚀 Working as a principal engineer and lead on Altis DXP at Human Made
  • 📈 Learning about data science (ML anyone?)
  • 🧗‍♂️ Love climbing
  • 💬 Ask me about WordPress, React, Analytics
  • ⚡️ Check out my most recent side project buzby.app
  • 👨‍💻 How I work

wp-sass's People

Contributors

equiet avatar noeltock avatar roborourke avatar sdecima avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wp-sass's Issues

Hooking the stylesheets

I couldn't work out why my scss files weren't getting processed, until I realized WP-SASS hooks into init, while my stylesheets were using wp_enqueue_scripts (and arriving too late). How would I compile the stylesheets if I kept using wp_enqueue_scripts?

Autoprefixer

This plugin have the autoprefixer functionality?
I can compile correctly the latest bootstrap?

Wordpress Multisite Domain Mapping support

Issue is this, for sites that have domain mapping, wp-sass creates wp-sass-cache and empty css document inside.
I just realized that this is rather feature request. It would be great if this plugin was fully functional on Wordpress Multisite.

Not refreshing stylesheet on live site?

Any changes to the .scss file, then upload doesn’t appear on the site instantly like it used too?

Now the stylesheet seems cached one won’t change for a few minutes.

No plugins installed, empty htaccesss.

how to wp_enqueue_style

How wp_enqueue_style for style.scss.php ?
i tried this :

wp_enqueue_style( 
                'admin', 
                get_stylesheet_directory_uri() . '/scss/style.scss.php',
                array(),
            THEME_VERSION
            );

but i get error.

Thanks

Using Compass and Add-Ons

Is it possible to use Compass with wp-sass? If so, is there anything special that I need to do or does it just work out of the box?

Similarly, is it possible to use Sass/Compass add ons (like Fancy Buttons) - if so, how?

Thanks in advance :).

@extend .class with &:after and &:before code not producing expected output?

Not sure if this is a phpsass issue or a wp-sass issue (or if I'm somehow misapplying @extend):

SCSS:

.clearfix {
    &:before, &:after {
        content: ""
        display: table
    }
    &:after {
      clear: both
      }
    zoom: 1
}

.myclass {
     ul {
        li {
            @extend .clearfix;
        }
    }
}

Resulting CSS:

.clearfix,
.myclass ul li {
  zoom: 1; }
  .clearfix:before,
  .clearfix:after,
  .myclass ul li {
    content: "" display: table; }
  .clearfix:after,
  .myclass ul li {
    clear: both; }

Note that the :before and :after properties is getting added not to .myclass ul li:before and .myclass ul li:after, but directly to .myclass ul li.

filemtime() error after deleting or renaming a stylesheet

After renaming some theme files, I started to get this error on all pages:

Warning: filemtime() [function.filemtime]: stat failed for /path/to/myOldStylesheet.scss in /path/to/wp-sass.php on line 119

The stylesheet that the warning refers to has been deleted (or it's name has been changed), but its cached version is still present in the WP-SASS cache folder.

The warning refers to this line of code:

    // parse if we need to
    if ( empty( $full_cache[ 'css' ] ) || filemtime( $sass_path ) > $full_cache[ 'updated' ] || $full_cache[ 'root' ] != dirname( __FILE__ ) ) {

Undefined index: root

I keep getting this notice:

Notice: Undefined index: root in .../themes/theme-name/wp-sass/wp-sass.php on line 119

I have check for any syntax errors etc inside my .scss file that might cause this but no luck. Ay idea anyone. WP-SASS folder is inside my theme's folder.

Any ideas what would probably cause the notice?

Caching method does not recognise changes in partials

At first I thought the issue was that the plugin couldn't figure out the paths of the files I was trying to include using the standard sass method of:

@import "partials/_color.scss"

But it appears to be including it once, then never again. The only way it will check if anything has changed in the partials, is if something changes in the sass file that calls out the partial.

I'm trying to think of an efficient way to get it to factor in changes to included files. Any ideas?

How to make the ouput css minified?

Hi,

I've been using this code for my site but the output is not minified. How do I make it minified just like your wp-less version?

Regards

Webfont paths not altered in relation to wp-sass-cache

I'm using bones which keeps it's webfonts in a theme subfolder. The path breaks, relative to the cache folder, giving 404s. Not major as I can repoint it, but still awkward.

Also, the font doesn't display in Firefox, but it shows in Crome/Chromium Nightly. There's 404s for all but the .eot, but the path is relative?

No longer working on PHP 7.0+ versions

I really love this plugin and used it on my WP sites but it's not working on PHP 7.0+ versions. I'm still using PHP 5.6. When I switch to PHP 7.0, 7.1 or 7.2, I got this fatal error:

Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 33554440 bytes) in /home/xxx/public_html/xxx/wp-content/themes/xxx/inc/wp-sass/phpsass/script/SassScriptLexer.php on line 118

Hoping for an update.

Stylesheets not fully loading

I am experiencing frequent problems with WP-Sass stylesheets not fully loading.

Here's what happens: I go to some page on my website, and the page will load with only some (or barely any) CSS styles applied. If I visit http://.../path/to/mystylesheet.css, it will show the full stylesheet just fine; but if I go into Inspector/Firebug and look the loaded Resources, it will show an incomplete version of the stylesheet—it will cut off somewhere randomly, in the middle of a line.

When this happens has no relation to when I have edited the SASS files.

Some notes:

  • I am not using any caching plugins.
  • The site I am working on gets ≈5,000 page views a day (don't know if this could be relevant, with multiple people accessing things at the same time)
  • I am on a VPS with generous PHP limits. Still, I would say the site is a bit slow.

Any idea what could be going on?

Point the submodule to PHPSass/HEAD

There's been a few improvements in the last 3 months submitted by the community (and a few by me).

If this is actively used, I'm sure a few people would like the latest PHPSass ;)

Fatal error: Call to undefined method SassBoolean

After some configuration attempts all the compiling error seem solved, but now I'm facing the following
Fatal error: Call to undefined method SassBoolean::length() in ../wp-content/plugins/wp-sass/phpsass/script/SassScriptFunctions.php on line 874 cache and debug are set to true.

Any help will be greatly appreciated

Can't Get .scss.php File to Work

I can get wp-sass to work with a .scss extension.

However, I cannot get it to work with a .scss.php extension. The cached version of the file shows up in Firebug, but the contents are empty.

The exact same contents will show up in the .scss version.

For instance, I have experimented with this sample content:

body {background-color:yellow;}

$width:960px;

body_inner {width:$width;}

This works fine in the .scss version, but the .scss.php version is totally blank.

Any idea of how to get the .scss.php version to work?

Thanks,

Moshe

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.