1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 08:34:08 +02:00

Migrate docs to Sass modules, comment out docs grid CSS

This commit is contained in:
Mark Otto
2025-03-04 12:21:00 -08:00
parent 3ce5bfcfb2
commit 769d539f22
10 changed files with 100 additions and 55 deletions

View File

@@ -1,3 +1,8 @@
@use "../../../scss/config" as *;
@use "../../../scss/colors" as *;
@use "../../../scss/layout/breakpoints" as *;
@use "variables" as *;
// //
// Brand guidelines // Brand guidelines
// //

View File

@@ -1,3 +1,7 @@
@use "../../../scss/config" as *;
@use "../../../scss/colors" as *;
@use "variables" as *;
// Buttons // Buttons
// //
// Custom buttons for the docs. // Custom buttons for the docs.

View File

@@ -1,3 +1,7 @@
@use "../../../scss/config" as *;
@use "../../../scss/colors" as *;
@use "variables" as *;
// //
// Callouts // Callouts
// //

View File

@@ -1,3 +1,11 @@
@use "../../../scss/config" as *;
@use "../../../scss/variables" as *;
@use "../../../scss/vendor/rfs" as *;
@use "../../../scss/layout/breakpoints" as *;
@use "../../../scss/mixins/clearfix" as *;
@use "../../../scss/mixins/border-radius" as *;
@use "variables" as *;
// //
// Docs examples // Docs examples
// //
@@ -137,39 +145,39 @@
border: 1px solid rgba(var(--bd-violet-rgb), .3); border: 1px solid rgba(var(--bd-violet-rgb), .3);
} }
// Grid mixins // // Grid mixins
.example-container { // .example-container {
width: 800px; // width: 800px;
@include make-container(); // @include make-container();
} // }
.example-row { // .example-row {
@include make-row(); // @include make-row();
} // }
.example-content-main { // .example-content-main {
@include make-col-ready(); // @include make-col-ready();
@include media-breakpoint-up(sm) { // @include media-breakpoint-up(sm) {
@include make-col(6); // @include make-col(6);
} // }
@include media-breakpoint-up(lg) { // @include media-breakpoint-up(lg) {
@include make-col(8); // @include make-col(8);
} // }
} // }
.example-content-secondary { // .example-content-secondary {
@include make-col-ready(); // @include make-col-ready();
@include media-breakpoint-up(sm) { // @include media-breakpoint-up(sm) {
@include make-col(6); // @include make-col(6);
} // }
@include media-breakpoint-up(lg) { // @include media-breakpoint-up(lg) {
@include make-col(4); // @include make-col(4);
} // }
} // }
// Ratio helpers // Ratio helpers
.bd-example-ratios { .bd-example-ratios {

View File

@@ -1,3 +1,7 @@
@use "../../../scss/config" as *;
@use "../../../scss/layout/breakpoints" as *;
@use "variables" as *;
.bd-gutter { .bd-gutter {
--bs-gutter-x: #{$bd-gutter-x}; --bs-gutter-x: #{$bd-gutter-x};
} }

View File

@@ -1,3 +1,10 @@
@use "../../../scss/config" as *;
@use "../../../scss/colors" as *;
@use "../../../scss/functions" as *;
@use "../../../scss/mixins" as *;
@use "../../../scss/variables" as *;
@use "../../../scss/layout/breakpoints" as *;
.bd-navbar { .bd-navbar {
padding: .75rem 0; padding: .75rem 0;
background-color: transparent; background-color: transparent;

View File

@@ -1,3 +1,6 @@
@use "../../../scss/colors" as *;
@use "variables" as *;
.skippy { .skippy {
background-color: $bd-purple; background-color: $bd-purple;

View File

@@ -1,3 +1,7 @@
@use "../../../scss/config" as *;
@use "../../../scss/colors" as *;
@use "../../../scss/functions" as *;
// Local docs variables // Local docs variables
$bd-purple: #4c0bce; $bd-purple: #4c0bce;
$bd-violet: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list $bd-violet: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list

View File

@@ -23,36 +23,39 @@
// Happy Bootstrapping! // Happy Bootstrapping!
// Load Bootstrap variables and mixins // Load Bootstrap variables and mixins
@import "../../../scss/functions"; // @use "../../../scss/config";
@import "../../../scss/variables"; // @use "../../../scss/colors";
@import "../../../scss/mixins"; // @use "../../../scss/functions";
// @use "../../../scss/mixins";
// @use "../../../scss/variables";
// @use "../../../scss/layout/breakpoints";
// fusv-disable // // fusv-disable
$enable-grid-classes: false; // $enable-grid-classes: false;
$enable-cssgrid: true; // $enable-cssgrid: true;
// fusv-enable // // fusv-enable
@import "../../../scss/grid"; // @use "../../../scss/layout/";
// Load docs components // Load docs components
@import "variables"; @use "variables";
@import "navbar"; @use "navbar";
@import "masthead"; @use "masthead";
@import "ads"; @use "ads";
@import "content"; @use "content";
@import "skippy"; @use "skippy";
@import "sidebar"; @use "sidebar";
@import "layout"; @use "layout";
@import "toc"; @use "toc";
@import "footer"; @use "footer";
@import "component-examples"; @use "component-examples";
@import "buttons"; @use "buttons";
@import "callouts"; @use "callouts";
@import "brand"; @use "brand";
@import "colors"; @use "colors";
@import "clipboard-js"; @use "clipboard-js";
@import "placeholder-img"; @use "placeholder-img";
@import "scrolling"; @use "scrolling";
// Load docs dependencies // Load docs dependencies
@import "syntax"; @use "syntax";
@import "anchor"; @use "anchor";

View File

@@ -5,9 +5,12 @@
* For details, see https://creativecommons.org/licenses/by/3.0/. * For details, see https://creativecommons.org/licenses/by/3.0/.
*/ */
@import "../../../scss/config";
@import "../../../scss/colors";
@import "../../../scss/functions"; @import "../../../scss/functions";
@import "../../../scss/variables";
@import "../../../scss/mixins"; @import "../../../scss/mixins";
@import "../../../scss/variables";
@import "../../../scss/layout/breakpoints";
@import "variables"; @import "variables";
@import "@docsearch/css/dist/style"; @import "@docsearch/css/dist/style";