aboutsummaryrefslogtreecommitdiff
path: root/scss/_grid.scss
AgeCommit message (Collapse)AuthorFilesLines
2023-01-11Reduce bootstrap-grid.css contentJulien Déramond1-0/+6
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-3/+3
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2021-07-26Clean up a couple CSS Grid issues (#34572)Mark Otto1-23/+0
- Moves the make-cssgrid() mixin to the grid mixins stylesheet - Updates the g-start-* classes to start at 1 instead of 0 as 0 is an invalid value (fixes #34399) Co-authored-by: XhmikosR <[email protected]>
2021-06-22v5.1: Add optional CSS grid (#31813)Mark Otto1-0/+34
2020-03-30Switch to custom properties to control grid gutter widths (#30475)Martijn Cuppens1-34/+0
2020-03-10Bootstrap 5 gridMartijn Cuppens1-9/+35
2020-02-03Split grid & containers (#29146)Martijn Cuppens1-47/+0
2019-12-25Allow percentages in container widths (#29819)Martijn Cuppens1-1/+9
2019-08-30Allow override default col widthysds1-10/+0
2019-08-30CleanupMark Otto1-0/+10
- Rename and move the variable to variables file - Move code to the grid file - Use the mixin to generate our own classes - Wrap in a grid classes enabled conditional - Document the mixin
2019-08-05Responsive containers (follow-up to #29095) (#29118)Mark Otto1-1/+9
* Follow-up to #29095 This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong. Fixes #25631. * update navbar as well because we cannot reset all containers uniformly * Update navbars example to include container-xl example to ensure containers match * rewrite responsive containers docs, add table of max-widths * Update container docs - Move table up to the intro - Remove the container example because it's actually hella confusing - Update and link to grid example as a demo instead
2019-07-27Haha, floats. It's 2019 (#29147)Martijn Cuppens1-1/+1
2019-07-23Extend `.container-fluid` (#29106)Martijn Cuppens1-1/+1
2019-07-21v4/v5: Add responsive containers (#29095)Mark Otto1-7/+16
* create responsive containers provide more flexibility and allow the user to determine when containers switch from fluid to fixed width. * fix the base container code this commit fixes the non-media portion of the generated CSS. I learned about the `@extends` directive and was able to put it to good use. I create a new temporary map that contains all the main `$container-max-widths` and join it to our 2 special cases of 'xs' and 'fluid'. Then we loop through that and, with the appropriate infixes, extend our placeholder * formatting for style forgot to run my tests before the last push, i think these are better. * finish incomplete comment * fix the responsive containers using the `@extend` directive I was able to clean up this code * fix responsive containers in the navbar mostly we just look through all of our breakpoints so we can include all of the responsive container classes in the tweaks we have to do for the navbar (redeclaring flex properties, don't double up on padding, etc) * Simplify container extends * Simplify navbar containers * Rearrange, add comments, ensure everything is nested in $enable-grid-classes * Reduce new CSS by using attribute selector We avoid using `@extend` whenever possible, and this is more readable * Update _grid.scss * Update _navbar.scss * Add docs for responsive containers, redesign the container layout page * Add to the Grid example
2017-08-14De-dupe width on .fluid-container (#23402)Mark Otto1-1/+0
Fixes #23397
2017-04-03css: .container-fluid 100%Catalin Zalog1-2/+3
Force .container-fluid to be 100% width no matter if the parent is flex, or not. Pen: http://codepen.io/zalog/pen/yMwyGr
2016-11-27Rename `.col-xs` to `.col` + some other cleanup (#21222)Starsam801-0/+1
* Use `breakpoint-min` instead of a counter * Remove 'xs' from flexbox grid
2016-11-26Add .no-gutters option to remove gutters from rows (#21211)Mark Otto1-0/+12
Fixes #19107.
2016-02-06Ugh, Sass doesn't do extends across media, so we can't use placeholder hereMark Otto1-13/+0
2016-02-06flip things around again, no more base class, try out some new stuff to keep ↵Mark Otto1-6/+6
responsive flex grid working
2016-02-06Move grid flex classes to utils instead maybe?Mark Otto1-37/+0
2016-02-06Revamp grid classes to require .col base class and improve flexbox grid ↵Mark Otto1-0/+12
classes with auto layout via flex: 1
2015-12-27.container, .container-fluid should be conditional upon $enable-grid-classesBass Jobsen1-8/+9
see: https://github.com/twbs/bootstrap/issues/17586
2015-10-27Merge pull request #17749 from Prelc/patch-1Mark Otto1-1/+0
Remove empty line from _grid.scss
2015-10-23Stop hardcoding grid tiers in flexbox alignment & ordering classes; fixes #18026Chris Rebert1-64/+17
[skip sauce] [skip validator]
2015-10-01Update _grid.scssMarko Prelec1-1/+0
Removed empty row.
2015-09-01Merge pull request #17259 from twbs/v4gcMark Otto1-4/+8
v4: Conditional predefined grid classes
2015-08-28scss: semantic grid: add make-container-breakpointO'meid1-6/+1
Signed-off-by: O'meid <[email protected]>
2015-08-23Make predefined grid classes conditionalMark Otto1-4/+8
- Add explicit -grid-classes variable and set to true by default - Wrap .row and .col generation in the boolean var
2015-08-17clean out comments that aren't all that helpfulMark Otto1-5/+0
2015-05-27Merge branch 'v4' of https://github.com/twbs/derpstrap into v4Mark Otto1-1/+1
Conflicts: dist/css/bootstrap.css dist/css/bootstrap.css.map docs/assets/css/docs.min.css
2015-04-27more flex grid stuffMark Otto1-5/+64
2015-04-27stub out flexbox grid variation via -flexMark Otto1-0/+25
2015-01-06rename media-breakpoint-{min,max} => media-breakpoint-{up,down}Chris Rebert1-1/+1
2014-12-24Automate breakpointsGleb Mazovetskiy1-52/+5
Breakpoints and container widths are now defined as maps.
2014-12-04tweak grid docs, add new tierMark Otto1-0/+9
2014-12-02convert to scssMark Otto1-0/+84
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 06:16:06 +0000