-
Notifications
You must be signed in to change notification settings - Fork 211
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
Main title padding issue, mobile #29
Comments
Do you have any tutorial to share ? I always work on the files in from DIR P.S. I'm really comfortable with docker. Cheers! |
@pascalandy Thanks for submitting this issue, I'll take a look in a few hours. Regarding your last question, I will assume you are referring to a tutorial on how to build Shards from source. If so, the node-sass library readme does a pretty decent job at explaining how you can use it to compile SCSS files. If that isn't enough, you can also check out Brian Han's article on Medium. Hope this helps! |
Absolutely !
|
I was able to run the example found on Brian Han's post. Main commands are:
Now I applied the same logic to this project. I can run:
But I cannot run the build or watch functions. I would like to understand the command I'm missing :) |
@pascalandy Can you please post your current |
Sure:
|
Oh! You don't have to use Shards' build process for your own project because it's cluttered with other tasks to handle the extra templates and custom stylesheets that you'll probably won't need. Instead, I would recommend starting from scratch by creating a new project with two simple NPM tasks that you can build upon depending on your needs. ...
"css:compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 main.scss compiled-file.css",
"css:watch": "nodemon --ignore node_modules -e scss -x \"npm run compile:css\""
... Based on the tasks above, assuming you installed Shards as an NPM package in your project (and also have the // main.scss
@import "node_modules/shards-ui/src/scss/shards";
// Your custom SCSS code here... You might have to edit your paths accordingly. Let me know if this helps. :) |
* Fix `$popover-arrow-width` interpolation issue #32. * Update package dependencies. * Add support for nouislider 11.1.0 - #31 * Update readme. * Fix demo page responsive display issues #29 * Update dependencies and bump version number. * Update distributed files. * Fix readme description. * Update changelog.
Thanks! Will test it :) |
* Fix `$popover-arrow-width` interpolation issue #32. * Update package dependencies. * Add support for nouislider 11.1.0 - #31 * Update readme. * Fix demo page responsive display issues #29 * Update dependencies and bump version number. * Update distributed files. * Fix readme description. * Update changelog.
On my iPhone 7, I saw two glitches:
Proposition
1) Add line-height: 4.8rem;
Screenshots
The text was updated successfully, but these errors were encountered: