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

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

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

  .DefaultDescription {
    @include line-clamp(2);
  }
}
.DatasetCard-desc--fake {
  display: block;
  width: auto;
  padding: 0 30px;
  text-align: center;
  margin-bottom: $sMargin-element;
}
.DatasetCard-header {
  position: relative;
  display: block;
  width: 100%;
  height: 170px;
  @include background(image-url("layout/default-map-bkg.png") no-repeat center 0);
  border-radius: 2px 2px 0 0;
  @include opacity(1);
  @include transition(opacity, $opacityTransition);
  overflow:hidden;
  z-index: 1;
}
.DatasetCard-header:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 2px;
  background: black;
  @include opacity(.1);
  z-index:2;
}

.DatasetCard-header--fake:after {
  left: $sMargin-element;
  right: $sMargin-element;
}
.DatasetCard-headerFakeIcon {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  line-height: 48px!important; // Overwritten by icon font style
  font-size: 20px;
  text-align:center;
  border: 1px solid #EEE;
  color: #EEE;
  background: transparent;
}

.DatasetCard-headerFakeIcon.iconFont-People {
  line-height: 35px!important;
  font-size: 30px;
}
.DatasetCard-headerFakeIcon.iconFont-Snake {
  line-height: 33px!important;
  font-size: 30px;
}
.DatasetCard-headerFakeIcon.iconFont-Points {
  line-height: 38px!important;
  font-size: 24px;
}
.DatasetCard-headerFakeIcon.iconFont-Notes { font-size: 26px }
.DatasetCard-headerFakeIcon.iconFont-Mountain {
  font-size: 28px;
  line-height: 40px!important
}
.DatasetCard-headerFakeIcon.iconFont-Rectangles { font-size: 22px }
.DatasetCard-header .DatasetCard-loader {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  overflow: hidden;
}
.DatasetCard-header .DatasetCard-loader:before {
  content: '';
  position: absolute;
  display: block;
  width: 600px;
  right: 0;
  height: 2px;
  background: rgba(black, 0.25);
  @include animation(pulsate 1.5s linear infinite);
}
.DatasetCard-content { // To position contentDetail at top of content, and contentFooter at bottom
  position: relative;
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center);
  @include flex-direction(column);
  border-radius: $sCard-borderRadius;
  padding: $sMargin-element;
  @include opacity(1);
  @include transition(opacity, $opacityTransition);
  z-index: 1;
}
.DatasetCard-contentFooter {
  @include display-flex();
  @include justify-content(flex-start);
  @include align-items(center);
  @include flex-wrap(nowrap);
}
.DatasetCard-contentFooter > *:not(:last-child) {
  margin-right: 10px;
}
.DatasetCard-contentBody { width: 100% }
.DatasetCard-contentBodyRow { margin-bottom: $sMargin-min }
.DatasetCard-contentBodyRow--flex {
  @include display-flex();
  @include justify-content(flex-start);
  @include align-items(center);<commit_msg>Fixes padding<commit_after>@import "compass/css3/images";
@import "../variables/colors";
@import "../variables/mixins";
@import "../variables/sizes";

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

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

  .DefaultDescription {
    @include line-clamp(2);
  }
}
.DatasetCard-desc--fake {
  display: block;
  width: auto;
  padding: 0 30px;
  text-align: center;
  margin-bottom: $sMargin-element;
}
.DatasetCard-header {
  position: relative;
  display: block;
  width: 100%;
  height: 170px;
  @include background(image-url("layout/default-map-bkg.png") no-repeat center 0);
  border-radius: 2px 2px 0 0;
  @include opacity(1);
  @include transition(opacity, $opacityTransition);
  overflow:hidden;
  z-index: 1;
}
.DatasetCard-header:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 2px;
  background: black;
  @include opacity(.1);
  z-index:2;
}

.DatasetCard-header--fake:after {
  left: $sMargin-element;
  right: $sMargin-element;
}
.DatasetCard-headerFakeIcon {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  line-height: 48px!important; // Overwritten by icon font style
  font-size: 20px;
  text-align:center;
  border: 1px solid #EEE;
  color: #EEE;
  background: transparent;
}

.DatasetCard-headerFakeIcon.iconFont-People {
  line-height: 35px!important;
  font-size: 30px;
}
.DatasetCard-headerFakeIcon.iconFont-Snake {
  line-height: 33px!important;
  font-size: 30px;
}
.DatasetCard-headerFakeIcon.iconFont-Points {
  line-height: 38px!important;
  font-size: 24px;
}
.DatasetCard-headerFakeIcon.iconFont-Notes { font-size: 26px }
.DatasetCard-headerFakeIcon.iconFont-Mountain {
  font-size: 28px;
  line-height: 40px!important
}
.DatasetCard-headerFakeIcon.iconFont-Rectangles { font-size: 22px }
.DatasetCard-header .DatasetCard-loader {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  overflow: hidden;
}
.DatasetCard-header .DatasetCard-loader:before {
  content: '';
  position: absolute;
  display: block;
  width: 600px;
  right: 0;
  height: 2px;
  background: rgba(black, 0.25);
  @include animation(pulsate 1.5s linear infinite);
}
.DatasetCard-content { // To position contentDetail at top of content, and contentFooter at bottom
  position: relative;
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center);
  @include flex-direction(column);
  border-radius: $sCard-borderRadius;
  padding: 17px $sMargin-element 16px $sMargin-element;
  @include opacity(1);
  @include transition(opacity, $opacityTransition);
  z-index: 1;
}
.DatasetCard-contentFooter {
  @include display-flex();
  @include justify-content(flex-start);
  @include align-items(center);
  @include flex-wrap(nowrap);
}
.DatasetCard-contentFooter > *:not(:last-child) {
  margin-right: 20px;
}
.DatasetCard-contentBody { width: 100% }
.DatasetCard-contentBodyRow { margin-bottom: $sMargin-min }
.DatasetCard-contentBodyRow--flex {
  @include display-flex();
  @include justify-content(flex-start);
  @include align-items(center);
{'fraction_non_alphanumeric': 0.13913285933361216, 'fraction_numerical': 0.028718806635996096, 'mean_word_length': 4.282768777614138, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5994922', 'n_tokens_mistral': 2674, 'n_tokens_neox': 2530, 'n_words': 559}