search

creativetimofficial / ct-paper-kit-2-pro

Paper Kit 2 PRO is a premium Bootstrap 4 UI Kit with a huge number of components, sections and example pages.
https://www.creative-tim.com/product/paper-kit-2-pro
21 stars 6 forks source link

Bootstrap SCSS and custom.scss #15

Closed sinklair closed 4 years ago

sinklair commented 6 years ago

The UI Kit distribution uses included bootstrap CSS files. This means that a lot of styles are hard-coded into CSS files that makes it hard to override some basic color and style information.

Is there a way to get the UI kit default bootstrap SCSS along with the custom.scss that you have applied so that we can override without having to manually search CSS files?

sinklair commented 6 years ago

Any update here?

barak-neeman commented 6 years ago

+1 I think getting access to the custom.scss that creativetim uses will really help

groovemen commented 6 years ago

Hello @sinklair,

Thank you for using our products, you can find the SCSS file on Bootstrap's Github repo. Please visit the following link and try to integrate it into your project.

Best, Stefan

sinklair commented 6 years ago

@groovemen we actually are talking about the custom scss that creative tim used on those files. Right now the distribution includes only the output of those scss files and your custom overrides.

groovemen commented 6 years ago

@sinklair, the styles that are hard-coded into CSS come from a SASS that is structured for each component from the UI kit. And if you also check the assets/scss/paper-kit.scss you'll see how we imported each style for every component, plugins and so on. If you'll replace a specific import, for example @import 'paper-kit/buttons'; with the bootstrap's style, you'll get what you need.