<commit_before>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

form.search {
  input[type="text"] {
    width: 500px;
    font-size: 120%;
  }
}

td, th {
  vertical-align: top;
}

.rule {
  margin-bottom: 0.5em;
  .rule_id {
    font-weight: bold;
  }
}

.glossary_entry {
  margin-bottom: 0.5em;
  .glossary_term {
    font-weight: bold;
  }
}

.warnings {
  font-size: small;
  font-style: italic;
  margin-bottom: 0.5em;
  .warning {}
}

.zero_results {
  font-style: italic;
  margin-bottom: 0.5em;
}

.card_picture_container {
  width: 223px;
  height: 310px;
  position: relative;

  img.card_picture {
    max-width: 223px;
    max-height: 310px;
    margin-right: 10px;
    left: 0;
    top: 0;
    position: absolute;
    transition: 0.5s ease;
    backface-visibility: hidden;

    &.flip:hover {
      transform: rotateZ(180deg);
    }
    &.split:hover {
      transform: translateX(44px) rotateZ(90deg);
    }
  }
  & .dfc {
  }
  &:hover .dfc {
    transform: rotateY(180deg);
  }
  & .dfc_reverse {
    transform: rotateY(180deg);
  }
  &:hover .dfc_reverse {
    transform: rotateY(360deg);
  }
  & .melded {
  }
  &:hover .melded {
    transform: translate(112px) rotateY(180deg);
  }
  & .meld0 {
    transform: rotateY(180deg);
  }
  & .meld1 {
    transform: rotateY(180deg);
  }
  &:hover .meld0 {
    transform: translate(225px) rotateY(360deg);
  }
  &:hover .meld1 {
    transform: rotateY(360deg);
  }
}
.card {
  width: 450px;
  margin-bottom: 0.5em;
  h3.card_title {
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  h5 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  ul {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .flavor {
    font-style: italic;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .infolabel {
    color: #444;
    font-size: small;
  }
  .typeline {
    margin-bottom: 0.25em;
  }
  .oracle {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
}

.printings_box {
  max-width: 200px;
  font-size: xx-small;
  .selected {
    font-weight: bold;
  }
  .matching {
    font-weight: bold;
  }
  .not_matching {
    color: #888;
  }
}

a {
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

a.site_logo {
  color: black;
}

.footer {
  margin-top: 1em;
  text-align: center;
  font-size: small;
}

.pagination {
  color: #888;
  font-size: small;
  text-align: center;
  a {
    color: #88f;
  }
  margin-bottom: 0.5em;
}
.mana {
  background-image:url("/mana_symbols2.png");
  display:inline-block;
  z-index:30;
  cursor:default;
  vertical-align:top;
  font-size:0;
  width: 15px;
  height: 15px;
}

.rulings {
  font-size: small;
  font-style: italic;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
<commit_msg>Safari still requires prefix for backface-visibility<commit_after>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

form.search {
  input[type="text"] {
    width: 500px;
    font-size: 120%;
  }
}

td, th {
  vertical-align: top;
}

.rule {
  margin-bottom: 0.5em;
  .rule_id {
    font-weight: bold;
  }
}

.glossary_entry {
  margin-bottom: 0.5em;
  .glossary_term {
    font-weight: bold;
  }
}

.warnings {
  font-size: small;
  font-style: italic;
  margin-bottom: 0.5em;
  .warning {}
}

.zero_results {
  font-style: italic;
  margin-bottom: 0.5em;
}

.card_picture_container {
  width: 223px;
  height: 310px;
  position: relative;

  img.card_picture {
    max-width: 223px;
    max-height: 310px;
    margin-right: 10px;
    left: 0;
    top: 0;
    position: absolute;
    transition: 0.5s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    &.flip:hover {
      transform: rotateZ(180deg);
    }
    &.split:hover {
      transform: translateX(44px) rotateZ(90deg);
    }
  }
  & .dfc {
  }
  &:hover .dfc {
    transform: rotateY(180deg);
  }
  & .dfc_reverse {
    transform: rotateY(180deg);
  }
  &:hover .dfc_reverse {
    transform: rotateY(360deg);
  }
  & .melded {
  }
  &:hover .melded {
    transform: translate(225px) rotateY(180deg);
  }
  & .meld0 {
    transform: rotateY(180deg);
  }
  & .meld1 {
    transform: rotateY(180deg);
  }
  &:hover .meld0 {
    transform: translate(225px) rotateY(360deg);
  }
  &:hover .meld1 {
    transform: rotateY(360deg);
  }
}
.card {
  width: 450px;
  margin-bottom: 0.5em;
  h3.card_title {
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  h5 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  ul {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .flavor {
    font-style: italic;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .infolabel {
    color: #444;
    font-size: small;
  }
  .typeline {
    margin-bottom: 0.25em;
  }
  .oracle {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
}

.printings_box {
  max-width: 200px;
  font-size: xx-small;
  .selected {
    font-weight: bold;
  }
  .matching {
    font-weight: bold;
  }
  .not_matching {
    color: #888;
  }
}

a {
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

a.site_logo {
  color: black;
}

.footer {
  margin-top: 1em;
  text-align: center;
  font-size: small;
}

.pagination {
  color: #888;
  font-size: small;
  text-align: center;
  a {
    color: #88f;
  }
  margin-bottom: 0.5em;
}
.mana {
  background-image:url("/mana_symbols2.png");
  display:inline-block;
  z-index:30;
  cursor:default;
  vertical-align:top;
  font-size:0;
  width: 15px;
  height: 15px;
}

.rulings {
  font-size: small;
  font-style: italic;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

{'fraction_non_alphanumeric': 0.1360741169658367, 'fraction_numerical': 0.041401273885350316, 'mean_word_length': 2.647835269271383, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5318166', 'n_tokens_mistral': 2940, 'n_tokens_neox': 2686, 'n_words': 617}