GithubHelp home page GithubHelp logo

ravorona / sage Goto Github PK

View Code? Open in Web Editor NEW
33.0 33.0 2.0 1.49 MB

Wordpress theme, based on Sage starter theme

License: MIT License

PHP 33.09% CSS 1.74% TypeScript 14.05% SCSS 42.77% Blade 6.90% JavaScript 1.46%
sage sass theme typescript wordpress

sage's People

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

Watchers

 avatar  avatar  avatar  avatar

sage's Issues

Referencing assets (fonts, images) in SCSS/CSS files?

Thanks for your work on this project, super interesting.

One issue I've hit is referencing static assets such as fonts or images. I've tried:

  • relative i.e. ./font-name.woff2 or ../fonts/font-name.woff2
  • Using the Vite aliases i.e. @/fonts/font-name.woff2

But these always return paths relative to the root of the whole site i.e. site.test/fonts/font-name.woff2 or site.test/resources/fonts/font-name.woff2.

The Vite docs say to use a public directory but this gets wiped out by a build as Sage also expects a public directory for compiled assets, so I can see the Vite out directory is set to public and Sage references public for enqueuing the compiled CSS/JS files.

Any pointers here?

dev server not working

I may be missing something fundamental here, but I cannot get the dev server to work. Upon yarn dev the page returns Cannot GET /. Have you ever run into this?

If I first run yarn build and access the site through a server provided by Local, I can see that it is working, but I can't figure out how to get a dev server up through vite. I tried setting HMR_ENTRYPOINT to the address provided by Local (http://localhost:10008/) but that didn't do the trick.

Thank you for any guidance you can give.

JavaScript & Tailwind

Any chance this project could get another version/fork using JS and Tailwind instead of TS/sass? ๐Ÿ˜Š

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.