Comments (8)
@janczizikow Any chance you could help with this? Thanks!
from sleek.
@janczizikow Thanks for getting back to me. I will give that a shot and report back.
from sleek.
Hey @Organikk,
Really sorry for late answer on this, was quite busy and I didn't really maintain the repo during past few months. Did you try to remove the import of normalize from _sass/vendor/_normalize.scss
? What you could try doing is to remove the import of normalize in the file mention above and see if the error still occurs. If that's the case as a dirty workaround you can just copy paste normalize.css to _sass/vendor/_normalize.scss
.
The SASS architecture in this projects follows the 7-1 pattern. So main.scss
just imports all the partials into 1 file.
from sleek.
@janczizikow I should mention that I'm attempting to do this without actually cloning the repo and just using it via this method https://github.com/janczizikow/sleek#installing-to-existing-jekyll-project
Is there a way I can overwrite styles using that method?
Thanks
from sleek.
Hey @Organikk ,
ok, I now I understand what's the issue here. I think the import for normalize and other vendor css isn't going to work when installing the the theme through ruby. I'll fix this, but as for temporary solution you can do the following (in your project directory):
# On MacOS
open $(bundle show jekyll-sleek)
# On Windows
explorer /usr/local/lib/ruby/gems/2.3.0/gems/jekyll-sleek-0.1.3
This should open the folder containing the theme. In that folder you can navigate to _sass/vendor
. Inside you can find normalize.scss
and breakpoint.scss
. Those 2 sass partials contain imports from node_modules folder, which is non available, hence the error occurs. You can replace the normalize and breakpoint with actual css. It's a bit dirty solution, so I'll make sure to fix this soon.
Then you could just update the jekyll-sleek
gem. So this shouldn't happen again.
from sleek.
Hey @Organikk I just updated the gem of the theme, you can run bundle update jekyll-sleek
in your project directory. Now the issue shouldn't occur. You can also customize theme by following gh-pages guide: https://help.github.com/articles/customizing-css-and-html-in-your-jekyll-theme/
Let me know if the fix helped.
from sleek.
I am still getting the same problem with the latest version of the theme. I have my custom CSS in the file assets/css/main.scss
which has the contents
---
---
@import "jekyll-sleek";
<custom_css_here>
per the instructions for customizing CSS in a Jekyll theme. Upon execution of jekyll build
I receive the error
Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/main.scss':
File to import not found or unreadable: node_modules/breakpoint-sass/stylesheets/breakpoint. Load path: /mnt/c/Users/Steven/Desktop/Projects/spsatuva.github.io/_sass on line 1
jekyll 3.8.3 | Error: File to import not found or unreadable: node_modules/breakpoint-sass/stylesheets/breakpoint.
Please let me know if you have any suggestions on how to fix this. The repo is here: https://github.com/spsatuva/spsatuva.github.io/
Thanks!
from sleek.
Hey @stevenstetzler,
Please update the gem in your repo by running bundle update jekyll-sleek
in your project directory. I replaced the npm package with my own sass mixin, so now this should be resolved. Please let me know if that helped!
from sleek.
Related Issues (20)
- The hero img looks strange on high resolution display HOT 4
- throw error: Unhandled 'error' event while using gulp img
- Is it necessary to install Ruby environment?
- Migrate to Gulp 4 HOT 4
- Accessibility errors found in your template
- Using the gem, how can I run `gulp img`? HOT 1
- Help getting script to run HOT 1
- Sleek not supported HOT 1
- How can I display an image generated with gulp depending on the client's device? HOT 4
- Multilingual support HOT 1
- The Captcha refuses to work.
- How do I change the code snippet theme
- can you help me? HOT 1
- Jekyll 4.0.0 compatibles issue
- I should click twice 'header__toggle' If I changed browser size. HOT 1
- Images do not show up properly when using custom domain
- gulp img doesnโt work on macOS Catalina 10.15.3
- .
- SVG help
- node-gyp rebuild Err because [email protected] are suspend . Can you help maintain and update the latest dependencies of the project ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sleek.