Mixing
CoreUI Sidebar modifications
The documentation says it can be done by changing SCSS files. I downloaded the zip of the repo, and changed _variables.scss, modified $sidebar-width: to 250px, but then I have absolutely no idea what to do. How to generate the one CSS file that will include my change everywhere? I experimented with using NPM, but I could not figure it out. I don't even know what NPM is, properly, or any such technology, for that matter.
Any help is much appreciated.
css user-interface sass sidebar core-ui
asked Jan 2 at 10:51
NikhilNikhil
112
add a comment |
The documentation says it can be done by changing SCSS files. I downloaded the zip of the repo, and changed _variables.scss, modified $sidebar-width: to 250px, but then I have absolutely no idea what to do. How to generate the one CSS file that will include my change everywhere? I experimented with using NPM, but I could not figure it out. I don't even know what NPM is, properly, or any such technology, for that matter.
Any help is much appreciated.
css user-interface sass sidebar core-ui
asked Jan 2 at 10:51
NikhilNikhil
112
You can import in App.scss file, which is used in App.js.import './style.scss'where style.scss has your required css.
– Asteriscus
Feb 18 at 8:04
add a comment |
The documentation says it can be done by changing SCSS files. I downloaded the zip of the repo, and changed _variables.scss, modified $sidebar-width: to 250px, but then I have absolutely no idea what to do. How to generate the one CSS file that will include my change everywhere? I experimented with using NPM, but I could not figure it out. I don't even know what NPM is, properly, or any such technology, for that matter.
Any help is much appreciated.
css user-interface sass sidebar core-ui
asked Jan 2 at 10:51
NikhilNikhil
112
The documentation says it can be done by changing SCSS files. I downloaded the zip of the repo, and changed _variables.scss, modified $sidebar-width: to 250px, but then I have absolutely no idea what to do. How to generate the one CSS file that will include my change everywhere? I experimented with using NPM, but I could not figure it out. I don't even know what NPM is, properly, or any such technology, for that matter.
Any help is much appreciated.
css user-interface sass sidebar core-ui
css user-interface sass sidebar core-ui
asked Jan 2 at 10:51
NikhilNikhil
112
asked Jan 2 at 10:51
NikhilNikhil
112
asked Jan 2 at 10:51
NikhilNikhil
112
asked Jan 2 at 10:51
NikhilNikhil
112
asked Jan 2 at 10:51
NikhilNikhil
112
112
You can import in App.scss file, which is used in App.js.import './style.scss'where style.scss has your required css.
– Asteriscus
Feb 18 at 8:04
add a comment |
You can import in App.scss file, which is used in App.js.import './style.scss'where style.scss has your required css.
– Asteriscus
Feb 18 at 8:04
You can import in App.scss file, which is used in App.js.
import './style.scss' where style.scss has your required css.– Asteriscus
Feb 18 at 8:04
You can import in App.scss file, which is used in App.js.
import './style.scss' where style.scss has your required css.– Asteriscus
Feb 18 at 8:04
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54005011%2fcoreui-sidebar-modifications%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54005011%2fcoreui-sidebar-modifications%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You can import in App.scss file, which is used in App.js.
import './style.scss'where style.scss has your required css.– Asteriscus
Feb 18 at 8:04