Skip to content

Commit 97a9254

Browse files
mrholekmrholek
committed
docs: update content;
1 parent 1e9e19f commit 97a9254

File tree

2 files changed

+48
-48
lines changed

2 files changed

+48
-48
lines changed

‎docs/content/customize/color.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -120,11 +120,11 @@ Bootstrap doesn't include `color` and `background-color` utilities for every col
120120
Here's an example that generates text color utilities (e.g., `.text-purple-500`) using the above steps.
121121

122122
```scss
123-
@import "bootstrap/scss/functions";
124-
@import "bootstrap/scss/variables";
125-
@import "bootstrap/scss/maps";
126-
@import "bootstrap/scss/mixins";
127-
@import "bootstrap/scss/utilities";
123+
@import "@coreui/coreui/scss/functions";
124+
@import "@coreui/coreui/scss/variables";
125+
@import "@coreui/coreui/scss/maps";
126+
@import "@coreui/coreui/scss/mixins";
127+
@import "@coreui/coreui/scss/utilities";
128128

129129
$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans);
130130

@@ -145,7 +145,7 @@ $utilities: map-merge(
145145
)
146146
);
147147

148-
@import "bootstrap/scss/utilities/api";
148+
@import "@coreui/coreui/scss/utilities/api";
149149
```
150150

151151
This will generate new `.text-{color}-{level}` utilities for every color and level. You can do the same for any other utility and property as well.

‎docs/content/utilities/api.md

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -387,11 +387,11 @@ $utilities: (
387387
New utilities can be added to the default `$utilities` map with a `map-merge`. Make sure our required Sass files and `_utilities.scss` are imported first, then use the `map-merge` to add your additional utilities. For example, here's how to add a responsive `cursor` utility with three values.
388388

389389
```scss
390-
@import "bootstrap/scss/functions";
391-
@import "bootstrap/scss/variables";
392-
@import "bootstrap/scss/maps";
393-
@import "bootstrap/scss/mixins";
394-
@import "bootstrap/scss/utilities";
390+
@import "@coreui/coreui/scss/functions";
391+
@import "@coreui/coreui/scss/variables";
392+
@import "@coreui/coreui/scss/maps";
393+
@import "@coreui/coreui/scss/mixins";
394+
@import "@coreui/coreui/scss/utilities";
395395

396396
$utilities: map-merge(
397397
$utilities,
@@ -405,19 +405,19 @@ $utilities: map-merge(
405405
)
406406
);
407407

408-
@import "bootstrap/scss/utilities/api";
408+
@import "@coreui/coreui/scss/utilities/api";
409409
```
410410

411411
### Modify utilities
412412

413413
Modify existing utilities in the default `$utilities` map with `map-get` and `map-merge` functions. In the example below, we're adding an additional value to the `width` utilities. Start with an initial `map-merge` and then specify which utility you want to modify. From there, fetch the nested `"width"` map with `map-get` to access and modify the utility's options and values.
414414

415415
```scss
416-
@import "bootstrap/scss/functions";
417-
@import "bootstrap/scss/variables";
418-
@import "bootstrap/scss/maps";
419-
@import "bootstrap/scss/mixins";
420-
@import "bootstrap/scss/utilities";
416+
@import "@coreui/coreui/scss/functions";
417+
@import "@coreui/coreui/scss/variables";
418+
@import "@coreui/coreui/scss/maps";
419+
@import "@coreui/coreui/scss/mixins";
420+
@import "@coreui/coreui/scss/utilities";
421421

422422
$utilities: map-merge(
423423
$utilities,
@@ -434,19 +434,19 @@ $utilities: map-merge(
434434
)
435435
);
436436

437-
@import "bootstrap/scss/utilities/api";
437+
@import "@coreui/coreui/scss/utilities/api";
438438
```
439439

440440
#### Enable responsive
441441

442442
You can enable responsive classes for an existing set of utilities that are not currently responsive by default. For example, to make the `border` classes responsive:
443443

444444
```scss
445-
@import "bootstrap/scss/functions";
446-
@import "bootstrap/scss/variables";
447-
@import "bootstrap/scss/maps";
448-
@import "bootstrap/scss/mixins";
449-
@import "bootstrap/scss/utilities";
445+
@import "@coreui/coreui/scss/functions";
446+
@import "@coreui/coreui/scss/variables";
447+
@import "@coreui/coreui/scss/maps";
448+
@import "@coreui/coreui/scss/mixins";
449+
@import "@coreui/coreui/scss/utilities";
450450

451451
$utilities: map-merge(
452452
$utilities, (
@@ -457,7 +457,7 @@ $utilities: map-merge(
457457
)
458458
);
459459

460-
@import "bootstrap/scss/utilities/api";
460+
@import "@coreui/coreui/scss/utilities/api";
461461
```
462462

463463
This will now generate responsive variations of `.border` and `.border-0` for each breakpoint. Your generated CSS will look like this:
@@ -497,11 +497,11 @@ This will now generate responsive variations of `.border` and `.border-0` for ea
497497
Missing v4 utilities, or used to another naming convention? The utilities API can be used to override the resulting `class` of a given utility—for example, to rename `.ms-*` utilities to oldish `.ml-*`:
498498

499499
```scss
500-
@import "bootstrap/scss/functions";
501-
@import "bootstrap/scss/variables";
502-
@import "bootstrap/scss/maps";
503-
@import "bootstrap/scss/mixins";
504-
@import "bootstrap/scss/utilities";
500+
@import "@coreui/coreui/scss/functions";
501+
@import "@coreui/coreui/scss/variables";
502+
@import "@coreui/coreui/scss/maps";
503+
@import "@coreui/coreui/scss/mixins";
504+
@import "@coreui/coreui/scss/utilities";
505505

506506
$utilities: map-merge(
507507
$utilities, (
@@ -512,34 +512,34 @@ $utilities: map-merge(
512512
)
513513
);
514514

515-
@import "bootstrap/scss/utilities/api";
515+
@import "@coreui/coreui/scss/utilities/api";
516516
```
517517

518518
### Remove utilities
519519

520520
Remove any of the default utilities with the [`map-remove()` Sass function](https://sass-lang.com/documentation/modules/map#remove).
521521

522522
```scss
523-
@import "bootstrap/scss/functions";
524-
@import "bootstrap/scss/variables";
525-
@import "bootstrap/scss/maps";
526-
@import "bootstrap/scss/mixins";
527-
@import "bootstrap/scss/utilities";
523+
@import "@coreui/coreui/scss/functions";
524+
@import "@coreui/coreui/scss/variables";
525+
@import "@coreui/coreui/scss/maps";
526+
@import "@coreui/coreui/scss/mixins";
527+
@import "@coreui/coreui/scss/utilities";
528528

529529
// Remove multiple utilities with a comma-separated list
530530
$utilities: map-remove($utilities, "width", "float");
531531

532-
@import "bootstrap/scss/utilities/api";
532+
@import "@coreui/coreui/scss/utilities/api";
533533
```
534534

535535
You can also use the [`map-merge()` Sass function](https://sass-lang.com/documentation/modules/map#merge) and set the group key to `null` to remove the utility.
536536

537537
```scss
538-
@import "bootstrap/scss/functions";
539-
@import "bootstrap/scss/variables";
540-
@import "bootstrap/scss/maps";
541-
@import "bootstrap/scss/mixins";
542-
@import "bootstrap/scss/utilities";
538+
@import "@coreui/coreui/scss/functions";
539+
@import "@coreui/coreui/scss/variables";
540+
@import "@coreui/coreui/scss/maps";
541+
@import "@coreui/coreui/scss/mixins";
542+
@import "@coreui/coreui/scss/utilities";
543543

544544
$utilities: map-merge(
545545
$utilities,
@@ -548,19 +548,19 @@ $utilities: map-merge(
548548
)
549549
);
550550

551-
@import "bootstrap/scss/utilities/api";
551+
@import "@coreui/coreui/scss/utilities/api";
552552
```
553553

554554
### Add, remove, modify
555555

556556
You can add, remove, and modify many utilities all at once with the [`map-merge()` Sass function](https://sass-lang.com/documentation/modules/map#merge). Here's how you can combine the previous examples into one larger map.
557557

558558
```scss
559-
@import "bootstrap/scss/functions";
560-
@import "bootstrap/scss/variables";
561-
@import "bootstrap/scss/maps";
562-
@import "bootstrap/scss/mixins";
563-
@import "bootstrap/scss/utilities";
559+
@import "@coreui/coreui/scss/functions";
560+
@import "@coreui/coreui/scss/variables";
561+
@import "@coreui/coreui/scss/maps";
562+
@import "@coreui/coreui/scss/mixins";
563+
@import "@coreui/coreui/scss/utilities";
564564

565565
$utilities: map-merge(
566566
$utilities,
@@ -584,7 +584,7 @@ $utilities: map-merge(
584584
)
585585
);
586586

587-
@import "bootstrap/scss/utilities/api";
587+
@import "@coreui/coreui/scss/utilities/api";
588588
```
589589

590590
#### Remove utility in RTL

0 commit comments

Comments
 (0)