<commit_before>@import "compass/css3/images";
@import "../variables/colors";
@import "../variables/mixins";
@import "../variables/sizes";

// Map card item
//
// Example usage:
// <div class="MapCard">
//   <div class="MapCard-header"></div>
//   <div class="MapCard-content">
//     <div class="MapCard-contentBody">
//       <div class="MapCard-contentBodyRow">
//         <h3 class="DefaultTitle">Foobar</h3>
//         ...
//
//       <div class="MapCard-contentBodyRow">
//         ...
//
//     </div>
//     <div class="MapCard-contentFooter">
//      ...
//

$sBorderCompensation: 2px;
$opacityTransition: 250ms;
$sEditButtonSize: 50px;

.MapCard {
  position: relative;
  width: $sCard-width - 10px - $sBorderCompensation;
  border: 1px solid #DBDBDB;
  background-color: $cStructure-mainBkg;
  border-radius: $sCard-borderRadius;
  margin: 0 auto;
}
.MapCard-title {
  width: 100%; // required for child text-overflow to work as expected in FF
}
.MapCard-desc {
  flex: 1;
  height: 2 * $sLineHeight-normal;
  width: 100%;

  .DefaultDescription {
    @include line-clamp(2);
  }
}
.MapCard-desc--fake {
  display: block;
  width: auto;
  padding: 0 30px;
  text-align: center;
  margin-bottom: $sMargin-element;
}
.MapCard-tags {
  @include line-clamp(1);
}<commit_msg>Fixed problem with line-clam gradient within map card<commit_after>@import "compass/css3/images";
@import "../variables/colors";
@import "../variables/mixins";
@import "../variables/sizes";

// Map card item
//
// Example usage:
// <div class="MapCard">
//   <div class="MapCard-header"></div>
//   <div class="MapCard-content">
//     <div class="MapCard-contentBody">
//       <div class="MapCard-contentBodyRow">
//         <h3 class="DefaultTitle">Foobar</h3>
//         ...
//
//       <div class="MapCard-contentBodyRow">
//         ...
//
//     </div>
//     <div class="MapCard-contentFooter">
//      ...
//

$sBorderCompensation: 2px;
$opacityTransition: 250ms;
$sEditButtonSize: 50px;

.MapCard {
  position: relative;
  width: $sCard-width - 10px - $sBorderCompensation;
  border: 1px solid #DBDBDB;
  background-color: $cStructure-mainBkg;
  border-radius: $sCard-borderRadius;
  margin: 0 auto;
}
.MapCard-title {
  width: 100%; // required for child text-overflow to work as expected in FF
}
.MapCard-desc {
  flex: 1;
  height: 2 * $sLineHeight-normal;
  width: 100%;

  .DefaultDescription {
    @include line-clamp(2);
  }
}
.MapCard-desc--fake {
  display: block;
  width: auto;
  padding: 0 30px;
  text-align: center;
  margin-bottom: $sMargin-element;
}
.MapCard-tags {
  position: relative;
  @include line-clamp(1);
}
{'fraction_non_alphanumeric': 0.17734553775743708, 'fraction_numerical': 0.019832189168573607, 'mean_word_length': 2.944360902255639, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4255965', 'n_tokens_mistral': 966, 'n_tokens_neox': 917, 'n_words': 195}