fbpx

An Exclusive Offer For You To Grab JD Builder ProCheck Deal of The Day

Welcome, Guest
Username: Password: Remember me

Like Using JD Builder?

Submit feature requests on github and help improve JD builder.

Submit Now
  • Page:
  • 1
  • 2

TOPIC: SCSS overrides - a little confused

SCSS overrides - a little confused 5 months 1 week ago #15178

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
:S

Hi all

Regarding SCSS

In Zero template we have:
SCSS/style.scss
SCSS/ZERO/style.scss
SCSS/ZERO/_variables.scss
SCSS/ZERO/_variables_override.scss

Where is the best place to override BS4 i.e.
SCSS/BOOTSTRAP/_jumbotron.scss
SCSS/BOOTSTRAP/MIXINS/_forms.scss

Where would I add this (copied from SCSS/BOOTSTRAP/_variables.scss)
$theme-colors: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors: map-merge(
(
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark,
"black": $black
),
$theme-colors
);


Thanks for any advice and help

Jon
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 1 week ago #15260

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
Also, hoping to confirm which files are safe from any updates and which files override bs4 core :)
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 1 week ago #15264

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3146
  • Thank you received: 496
  • Karma: 83
Hello,

Sorry for late reply, Please wait. We will share full SCSS overrides's guidelines with you.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 1 week ago #15307

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
Awesome

Thanks x 400 :)
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 6 days ago #15358

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3146
  • Thank you received: 496
  • Karma: 83
Hello,

Starting Astroid 2.2.0, you have an option to use the Theming feature in Astroid.
Please have a look.

docs.joomdev.com/article/theming/

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 4 days ago #15376

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
Yeah saw that.
Great feature!

Wondering where to put actual overrides to bootstrap rather than just the variables
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 4 days ago #15387

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3146
  • Thank you received: 496
  • Karma: 83
You can easily overrides the bootstrap variables through the Sass Overrides sections. See the screenshot.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 4 days ago #15393

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
Hi

A bit if communication breakdown :)

I am not talking about _variables.scss.

I am talking about ALL/ANY bootstrap. ie _backgrounds, _buttons etc

Which if these files overrides bootstrap ?
SCSS/style.scss
SCSS/ZERO/style.scss
SCSS/ZERO/_variables.scss
SCSS/ZERO/_variables_override.scss

I have no idea what best practise is for
- placing ANY scss.
- override bootstrap (not just changing a variable)

So say in _card.scss it says
- border: $black
Where would I override it to
- border: $green

Do you see where i am coming from?
Last Edit: 5 months 4 days ago by Bucklash.
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 3 days ago #15417

  • Bucklash
  • Bucklash's Avatar
  • Offline
  • Junior Member
  • Posts: 22
  • Karma: 0
Maybe I should have asked this:

What is the purpose for each of these files?
SCSS/style.scss
SCSS/ZERO/style.scss
SCSS/ZERO/_variables.scss
SCSS/ZERO/_variables_override.scss

Can each if these files accept mixins?
Do they all accept functions ie @each etc
The administrator has disabled public write access.

SCSS overrides - a little confused 5 months 3 days ago #15423

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3051
  • Thank you received: 463
  • Karma: 99
Hello,

I think the SCSS has been separated into multiple files to simplify the management for the same. _variables_override.scss can be used to override any of the variables from _variables_override.scss.

They should accept mixins and other functions since all of them render together using the SCSS compiler.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
The following user(s) said Thank You: Bucklash
  • Page:
  • 1
  • 2
Moderators: chandandeep
Time to create page: 0.244 seconds