bootstrap/scss
Mark Otto 634344c003
v4/v5: Add responsive containers (#29095)
* 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
2019-07-21 17:38:36 -07:00
..
forms Use escape-svg() function (#29077) 2019-07-19 18:57:12 -07:00
helpers Stretched link updates (#28958) 2019-06-26 07:54:51 +03:00
mixins Use escape-svg() function (#29077) 2019-07-19 18:57:12 -07:00
utilities Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
vendor Update RFS to v8.0.2 (#28405) 2019-03-06 22:49:06 +02:00
_alert.scss Remove redundant brackets (#27768) 2018-12-14 17:54:44 +01:00
_badge.scss v5: Update badges (#28458) 2019-03-14 19:15:26 +02:00
_breadcrumb.scss Use escape-svg() function (#29077) 2019-07-19 18:57:12 -07:00
_button-group.scss Drop all hover mixins 2019-05-08 20:58:07 +03:00
_buttons.scss Remove attribute selectors (#28988) 2019-07-12 13:15:50 +03:00
_card.scss Workaround for the image size bug in IE (#28855) 2019-06-04 10:25:19 +03:00
_carousel.scss Use escape-svg() function (#29077) 2019-07-19 18:57:12 -07:00
_close.scss Move close icon to components in docs (#28512) 2019-05-10 20:27:22 +02:00
_code.scss Fix breaking layout breaking error in code (#28328) 2019-07-16 10:54:36 +03:00
_dropdown.scss Drop all hover mixins 2019-05-08 20:58:07 +03:00
_forms.scss v5: Forms update (#28450) 2019-07-12 16:52:33 -05:00
_functions.scss Use escape-svg() function (#29077) 2019-07-19 18:57:12 -07:00
_grid.scss v4/v5: Add responsive containers (#29095) 2019-07-21 17:38:36 -07:00
_helpers.scss Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
_images.scss Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
_list-group.scss Remove redundant radius properties (#28956) 2019-06-26 15:11:37 +02:00
_mixins.scss Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
_modal.scss Calc modal header/footer border radius according to the border width (#28775) 2019-05-28 14:21:45 +02:00
_nav.scss Drop all hover mixins 2019-05-08 20:58:07 +03:00
_navbar.scss v4/v5: Add responsive containers (#29095) 2019-07-21 17:38:36 -07:00
_pagination.scss Remove redundant border radius on pagination (#28980) 2019-07-02 08:08:12 +02:00
_popover.scss Fix incorrect variable for popover border radius (#28733) 2019-05-07 12:01:30 +02:00
_progress.scss Improve progress-bar-stripes animation (#28697) 2019-05-02 11:03:28 +03:00
_reboot.scss Make text align configurable (#28989) 2019-07-15 14:34:01 +03:00
_root.scss Drop breakpoint CSS custom properties (#29020) 2019-07-14 11:44:49 +03:00
_spinners.scss Blacklist border-radius property (use mixin instead) (#27900) 2018-12-23 09:11:11 +02:00
_tables.scss Make it possible to change default alignment & allow to inherit alignment from table (#29039) 2019-07-18 08:49:39 +03:00
_toasts.scss Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
_tooltip.scss Use consistent arrow class (#28105) 2019-02-20 22:05:45 +02:00
_transitions.scss Remove unneeded stylelint disables. 2019-01-05 20:50:07 +02:00
_type.scss Reboot & Type cleanup (#28698) 2019-04-30 11:00:33 +03:00
_utilities.scss Decrease number of order utilities (#28874) 2019-06-18 07:02:14 +02:00
_variables.scss Optimize the embedded SVGs. (#29075) 2019-07-22 00:23:54 +03:00
bootstrap-grid.scss Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
bootstrap-reboot.scss Release v4.3.1. (#28252) 2019-02-13 18:01:40 +02:00
bootstrap.scss v5: Forms update (#28450) 2019-07-12 16:52:33 -05:00