Commit Graph

92 Commits

Author SHA1 Message Date
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-titles 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
Mark Otto
5d592d16db switch from block to flex
add flex direction too
2016-12-22 16:41:28 -08:00
Mark Otto
050716903f remove default bottom margin on cards
use utils instead
2016-12-22 16:41:11 -08:00
Mark Otto
8d3b40211b move the card-block flex action up to all card-blocks
this allows us to easily scale card blocks in groups and decks, without repeating it in our css
2016-12-22 16:40:58 -08:00
Mark Otto
390a2a6c60 remove commented out code 2016-12-22 16:40:19 -08:00
Mark Otto
0873fccd63 comment typo 2016-12-22 16:39:23 -08:00
Mark Otto
2c48655d07 fix comment 2016-12-22 16:39:18 -08:00
Mark Otto
cd2584870e add card column margin variable instead of relying on a default card margin
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22 16:39:11 -08:00
Mark Otto
246151aa12 add card column count variable 2016-12-22 16:38:22 -08:00
Mark Otto
5f40770d19 Rename card column gap variable 2016-12-22 16:38:09 -08:00
Mark Otto
eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Starsam80
b226766b62 Remove lots of duplication + minor cleanup (#21238)
* Remove comment that duplicated some code
* Use transition mixin whenever possible
* Create a new function to reduce duplication
* Use the new `breakpoint-infix` method
2016-11-28 13:23:59 -08:00
Mark Otto
2df2efc1fb Merge pull request #18851 from ju1ius/patch-1
Don't clearfix if flexbox is enabled. Fixes #18849
2016-10-27 21:58:14 -07:00
mkroeders
53a20c11d2 Have same margin for <hN> as a <div> on .card-headers (#19048)
* Have same margin for <hN> as a <div> on .card-headers
Related #18726

When you use a `<hN>` as `.card-header` there is `margin-bottom: .5rem` added. The changes set the margin-bottom to 0
* Removed space
2016-09-11 23:32:51 -07:00
Mark Otto
07752bab7b v4: Card image fixes (#20667)
* Add .img-fluid to card images in columns to ensure proper resizing
* change that variable from regular value to variable
* use calc to figure out a tighter border for card images
2016-09-07 20:40:12 -07:00
Mark Otto
5713077ba5 Fix #20654 by reverting #20447 (#20665)
Cards must be inline-block in columns, otherwise they can get split across columns
2016-09-07 20:38:11 -07:00
Bass Jobsen
99425321dc Make .card class inside .card-columns display: block too (#20447)
See: https://github.com/twbs/bootstrap/pull/18255#issuecomment-237034763
2016-09-04 17:47:18 -07:00
Mark Otto
56a5b19cdb Fixes #17911: Explicitly remove margin-bottom from cards in .card-deck
Here we're doing some margin swapping, so it looks a little funky. All this does is match the margin implementation and rendering across our table and flex versions of card decks.
2016-05-11 22:14:05 -07:00
Mark Otto
de91c5e0be fixes #19650: improve non-flexbox card deck behavior so columns are always the same width 2016-05-11 21:18:35 -07:00
Mark Otto
964811d48d Update card header and footer
- Remove the box-shadow and switch back to border to match .card basics
- Update the header nav margin override--since we restored the border, we need that default negative margin at the bottom
2016-05-11 20:22:07 -07:00
Mark Otto
6b33c08310 Merge pull request #19667 from vsn4ik/v4-dev-use-border-radius-mixin
Use @border-radius and add $nav-tabs-border-radius variable
2016-05-09 09:56:28 -07:00