aboutsummaryrefslogtreecommitdiff
path: root/scss/_card.scss
AgeCommit message (Collapse)AuthorFilesLines
2017-10-11Add border radius to an image when it's the only card of a card group (#24321)Andres Galante1-0/+7
2017-10-10Refactor a few selectors so that the least specific ones are first. (#24310)XhmikosR1-4/+4
2017-10-07Enable stylelint's no-duplicate-selectors rule.XhmikosR1-15/+12
2017-10-05formattingMark Otto1-2/+2
2017-10-05Add comment where we explicitly use `flex: 1 0 0%;`.XhmikosR1-0/+2
2017-10-02Remove duplicated code in .card-headervsn4ik1-4/+0
2017-10-01fixed issue with hr tag mention in 23032 (#23078)Chirag Modi1-0/+5
2017-09-27Remove border-top if list-group follows card-header (#23022)Benjamin Trenkle1-0/+6
2017-09-26Fix no rounded corners if there is only one card in a card-group (#24080)SpicyDwarf1-1/+5
2017-08-20Simplify selector and only override what we setMark Otto1-3/+2
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-20added suggested fix for list-groups with a elementsgijsbotje1-1/+2
2017-08-20fixes double border when .list-group.list-group-flush is preceded by ↵gijsbotje1-0/+4
.card-header
2017-08-20equalize height of the first card of the card-groupgijsbotje1-1/+1
2017-08-13Redo .card-deck and .card-group so they're always flex (#22860)Mark Otto1-6/+21
2017-06-30clip to border-box, update overlayMark Otto1-0/+1
2017-06-30Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and ↵Mark Otto1-36/+0
.border-{color} utilities
2017-06-25rename .card-inverse to .card-dark, update docs to matchMark Otto1-2/+2
2017-06-18Merge branch 'v4-dev' into colors-reduxMark Otto1-2/+2
2017-06-18Updated flex-basis property to fix issue #18569 in .scss filesobinnangini1-2/+2
2017-06-18remove - vars, update docs to generate from data yml files, update mixins, ↵Mark Otto1-32/+9
and generate card, button, bg, and color classes from the sass map
2017-06-15Rename .card-block to .card-body to match nomenclature of modalsMark Otto1-1/+1
2017-06-03Fix overflowing text in Cards with `word-wrap: break-word`Patrick Yeo1-1/+2
2017-06-03Rename `$card-border-radius-inner` to `$card-inner-border-radius`Patrick Yeo1-5/+5
2017-04-16Rename variable $input-border-focus to $input-border-color-focus (#22413)Patrick Yeo1-1/+1
* 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-16Prevent long words in `.card-title`s from breaking auto layoutMark Otto1-0/+1
2017-04-08fixes #22135Mark Otto1-3/+6
2017-03-27Fix wrapping card decks (#22289)Mark Otto1-6/+4
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
2017-03-27Card image fixes (#22288)Mark Otto1-5/+7
* fix image stretching due to flexbox * fix broke text-muted on dark bg * no img-fluid needed
2016-12-25Remove some leftover IE9/flex stuffStarsam801-8/+1
2016-12-22change card deck margin strategyMark Otto1-6/+6
- 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-22switch from block to flexMark Otto1-1/+2
add flex direction too
2016-12-22remove default bottom margin on cardsMark Otto1-1/+0
use utils instead
2016-12-22move the card-block flex action up to all card-blocksMark Otto1-4/+3
this allows us to easily scale card blocks in groups and decks, without repeating it in our css
2016-12-22remove commented out codeMark Otto1-8/+0
2016-12-22comment typoMark Otto1-1/+1
2016-12-22fix commentMark Otto1-1/+1
2016-12-22add card column margin variable instead of relying on a default card marginMark Otto1-0/+1
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22add card column count variableMark Otto1-1/+1
2016-12-22Rename card column gap variableMark Otto1-1/+1
2016-12-21Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)Mark Otto1-57/+21
* 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-11-28Remove lots of duplication + minor cleanup (#21238)Starsam801-2/+1
* 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-10-27Merge pull request #18851 from ju1ius/patch-1Mark Otto1-3/+9
Don't clearfix if flexbox is enabled. Fixes #18849
2016-09-11Have same margin for <hN> as a <div> on .card-headers (#19048)mkroeders1-0/+1
* 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-07v4: Card image fixes (#20667)Mark Otto1-1/+1
* 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-07Fix #20654 by reverting #20447 (#20665)Mark Otto1-0/+1
Cards must be inline-block in columns, otherwise they can get split across columns
2016-09-04Make .card class inside .card-columns display: block too (#20447)Bass Jobsen1-1/+0
See: https://github.com/twbs/bootstrap/pull/18255#issuecomment-237034763
2016-05-11Fixes #17911: Explicitly remove margin-bottom from cards in .card-deckMark Otto1-1/+10
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-11fixes #19650: improve non-flexbox card deck behavior so columns are always ↵Mark Otto1-1/+1
the same width
2016-05-11Update card header and footerMark Otto1-10/+2
- 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-09Merge pull request #19667 from vsn4ik/v4-dev-use-border-radius-mixinMark Otto1-14/+10
Use @border-radius and add $nav-tabs-border-radius variable