Mark Otto
e2252e0230
First pass at .row-cols classes
...
Trying to find a new way to do responsive card decks while not locking ourselves into the cards themselves. My thinking here is we can easily control the column (.col) width by the parent, but I don't know how many we need (have 0-5 now) across each breakpoint. This works for cards so far, and I think could get us equal height, too.
2019-08-30 13:07:27 -07:00
Martijn Cuppens
b4c4223409
Remove card columns in favor of masonry grid
2019-07-22 16:08:58 +03:00
Shohei Yoshida
d6e0552efe
Workaround for the image size bug in IE ( #28855 )
2019-06-04 10:25:19 +03:00
Shane Parsons
4c70e96b97
Modify .card-header-tabs .nav-link.active
colors ( #28833 )
...
Co-Authored-By: Mark Otto <otto@github.com>
2019-05-29 18:38:36 +02:00
Mark Otto
1d4d9f8d89
Drop all hover mixins
...
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-08 20:58:07 +03:00
Martijn Cuppens
bc60a22a18
Fix border if only one card ( #28365 )
2019-02-26 22:06:46 +02:00
Martijn Cuppens
59d040fcbb
Make component colors configurable ( #28035 )
2019-01-20 23:38:29 +02:00
Martijn Cuppens
41f85b64bf
Add ref to reason why min-width: 0;
is added ( #28061 )
2019-01-20 23:23:05 +02:00
Vishnuprasad Venugopal
ea9129c8ae
fix border issue for nested card inside accordions ( #27881 )
2019-01-07 03:06:37 +02:00
Martijn Cuppens
81e35985b8
Simplify card group css ( #27901 )
2018-12-23 09:19:07 +02:00
Martijn Cuppens
39b14c9806
Blacklist border-radius property (use mixin instead) ( #27900 )
2018-12-23 09:11:11 +02:00
Martijn Cuppens
502b6c8ed6
Remove redundant brackets ( #27768 )
2018-12-14 17:54:44 +01:00
Andrew Pucci
d13ae1fc1a
Card header color theming ( #26573 )
...
Define new variable for card header color
2018-10-21 11:05:54 +03:00
Roy Klutman
fccdda5448
Fix for double border on cards in an accordion ( #27133 )
2018-10-21 09:49:05 +03:00
XhmikosR
10c64bdae8
Fix broken URI fragments and redirects.
2018-04-02 19:19:09 +03:00
Mark Otto
474698f41b
Fix Chrome's rendering of .card-columns
...
Uses orphans/widows trick from @fran-worley at https://github.com/twbs/bootstrap/issues/20925#issuecomment-333492739 .
Fixes #20925 .
2018-03-31 22:04:14 -07:00
Andres Galante
c0246e926f
improves accordion styles
2018-01-02 09:46:07 -03:00
Andres Galante
8e4ba117bc
Fix nested cards on card group ( #24766 )
2017-11-16 12:41:48 +02:00
Mark Otto
7b7c10aae8
Replace some border-radius properties for the mixin, closes #23872
2017-10-22 19:43:35 -07:00
Gijs Boddeus
6824f71795
fix card group border radii ( #24491 )
2017-10-22 12:18:03 -07:00
Andres Galante
776188ad73
Add border radius to an image when it's the only card of a card group ( #24321 )
2017-10-11 01:18:56 +03:00
XhmikosR
f7acb278e2
Refactor a few selectors so that the least specific ones are first. ( #24310 )
2017-10-10 16:46:43 +03:00
XhmikosR
ebc82db8ef
Enable stylelint's no-duplicate-selectors rule.
2017-10-07 00:11:40 +03:00
Mark Otto
8fccaa2439
formatting
2017-10-05 09:42:17 +03:00
XhmikosR
91b219d5e6
Add comment where we explicitly use flex: 1 0 0%;
.
2017-10-05 09:42:17 +03:00
vsn4ik
b2cadc233e
Remove duplicated code in .card-header
2017-10-02 18:55:05 -07:00
Chirag Modi
3ff2a2781f
fixed issue with hr tag mention in 23032 ( #23078 )
2017-10-01 16:53:16 -07:00
Benjamin Trenkle
7fa20188f2
Remove border-top if list-group follows card-header ( #23022 )
2017-09-27 10:57:39 +03:00
SpicyDwarf
272745673e
Fix no rounded corners if there is only one card in a card-group ( #24080 )
2017-09-26 00:11:32 +03:00
Mark Otto
834ee9b433
Simplify selector and only override what we set
...
1. Instead of having two selectors, we use the `.list-group-item` class and have coverage for list items and anchors.
2. Rather than override all border values, we only override what we set with `border-top`.
2017-08-20 12:21:24 -07:00
gijsbotje
bb32e91154
added suggested fix for list-groups with a elements
2017-08-20 12:21:24 -07:00
gijsbotje
2ba0127c91
fixes double border when .list-group.list-group-flush is preceded by .card-header
2017-08-20 12:21:24 -07:00
gijsbotje
6fc9dde727
equalize height of the first card of the card-group
2017-08-20 11:41:16 -07:00
Mark Otto
54d76805a5
Redo .card-deck and .card-group so they're always flex ( #22860 )
2017-08-13 14:53:24 -07:00
Mark Otto
88b9e558fb
clip to border-box, update overlay
2017-06-30 15:28:50 -07:00
Mark Otto
180d78c013
Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color} utilities
2017-06-30 15:23:36 -07:00
Mark Otto
9372eef9e1
rename .card-inverse to .card-dark, update docs to match
2017-06-25 18:30:24 -07:00
Mark Otto
222eddda5e
Merge branch 'v4-dev' into colors-redux
2017-06-18 18:32:42 -07:00
obinnangini
532493e6ec
Updated flex-basis property to fix issue #18569 in .scss files
2017-06-18 18:17:48 -07:00
Mark Otto
597e9f8618
remove - vars, update docs to generate from data yml files, update mixins, and generate card, button, bg, and color classes from the sass map
2017-06-18 02:57:16 -07:00
Mark Otto
6c8c0aa4cf
Rename .card-block to .card-body to match nomenclature of modals
2017-06-15 09:05:16 -07:00
Patrick Yeo
891bca435f
Fix overflowing text in Cards with word-wrap: break-word
2017-06-03 22:19:19 -07:00
Patrick Yeo
ec56bbe6bf
Rename $card-border-radius-inner
to $card-inner-border-radius
2017-06-03 22:17:57 -07:00
Patrick Yeo
dd0ce3e4b2
Rename variable $input-border-focus to $input-border-color-focus ( #22413 )
...
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-16 15:45:10 -07:00
Mark Otto
2075610491
Prevent long words in .card-title
s from breaking auto layout
2017-04-16 14:02:12 -07:00
Mark Otto
7f075bfb23
fixes #22135
2017-04-08 21:26:25 -07:00
Mark Otto
bebdbe4119
Fix wrapping card decks ( #22289 )
...
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
2017-03-27 22:53:39 -07:00
Mark Otto
fe3acc097a
Card image fixes ( #22288 )
...
* fix image stretching due to flexbox
* fix broke text-muted on dark bg
* no img-fluid needed
2017-03-27 22:52:24 -07:00
Starsam80
7fdedbd5e6
Remove some leftover IE9/flex stuff
2016-12-25 15:32:34 -08:00
Mark Otto
040acd30db
change card deck margin strategy
...
- Instead of negative left/right margins, we selectively apply margins to the cards as needed. This way the first and last child never receive a left and right margin (respectively), so we don't need to negative indent those at the .card-deck level.
- Drops the margin-bottom override on the .card because there's no more default margin there.
- Drop the margin-bottom from the .card-deck to match our lack of margins on the card.
This and the previous commit fixes #19883 .
2016-12-22 18:59:05 -08:00