root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 1 Packages Projects Releases Wiki Activity
bootstrap/scss/bootstrap-grid.scss

60 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

Migrate to Sass modules (#41512) * Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
2025-08-28 12:14:59 +08:00
@use "banner" with (
$file: "Grid"
);
Change grid and container sizes to px Changes grid and container sizes to `px`, as the viewport pixel size does not depend on the font size. The actual em values were inconsistent with the docs, while the docs were not the same as the comments: * `sm` breakpoint was 34em (544px) not 480px. * `lg` container max-width was 60rem (960px), less gutter than `md`. Changed to 940px, same as Bootstrap 3. * `xl` container max-width was 72.25rem which is 1140px not 1156px. Changed to 1140px matching the comment but not the docs. Addresses #17070 and #17388.
2015-08-31 08:23:43 +08:00
Migrate to Sass modules (#41512) * Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
2025-08-28 12:14:59 +08:00
@use "sass:map";
@use "colors" as *;
@use "config" as *;
@use "variables" as *;
@use "functions" as *;
// @use "maps" as *;
Create new stylesheets for optional builds and add them to Gruntfile tasks
2015-06-19 01:19:50 +08:00
Migrate to Sass modules (#41512) * Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
2025-08-28 12:14:59 +08:00
@forward "utilities"; // Make utilities available downstream
@use "utilities" as *; // Bring utilities into the current namespace
Add RFS to utility API (#30050)
2020-02-15 19:01:32 +08:00
Migrate to Sass modules (#41512) * Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
2025-08-28 12:14:59 +08:00
@forward "layout/containers";
@forward "layout/grid";
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
// stylelint-disable-next-line scss/dollar-variable-default
$utilities: map-get-multiple(
$utilities,
(
"display",
"order",
"flex",
"flex-direction",
"flex-grow",
Fixes #31113 (#31120)
2020-06-20 12:20:26 +08:00
"flex-shrink",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"flex-wrap",
"justify-content",
v6: `justify-items` and `place-items` utilities (#41757) * Add utilities for place-items and justify-items * bump
2025-09-23 01:12:07 +08:00
"justify-items",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"align-items",
"align-content",
"align-self",
v6: `justify-items` and `place-items` utilities (#41757) * Add utilities for place-items and justify-items * bump
2025-09-23 01:12:07 +08:00
"place-items",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"margin",
"margin-x",
"margin-y",
"margin-top",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"margin-end",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"margin-bottom",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"margin-start",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"negative-margin",
"negative-margin-x",
"negative-margin-y",
"negative-margin-top",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"negative-margin-end",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"negative-margin-bottom",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"negative-margin-start",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"padding",
"padding-x",
"padding-y",
"padding-top",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"padding-end",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
"padding-bottom",
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-06-26 22:06:20 +08:00
"padding-start",
Helpers & utilities split (#28445)
2019-05-23 17:56:03 +08:00
)
);
Migrate to Sass modules (#41512) * Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
2025-08-28 12:14:59 +08:00
@use "utilities/api";