<commit_before>// purple
$colorPrimary: #554971;
//$colorPrimary: rgb(85, 73, 113);
$colorPrimary-shade: #36213E;

@mixin primaryAlpha ($alpha) {
  background-color: rgba(85, 73, 113, $alpha)
}

@mixin vertical-center () {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.verticalCenter {
  @include vertical-center();
}

.colorPrimary { color: $colorPrimary; }
.colorPrimary-shade { color: $colorPrimary-shade; }

.primaryBg { background-color: $colorPrimary; }
.primaryBg-shade { background-color: $colorPrimary-shade; }

// blue
$colorSecondary: #8AC6D0;
$colorSecondary-shade: #63768D;
$colorSecondary-tint: #B8F3FF;

.colorSecondary { color: $colorSecondary; }
.colorSecondary-shade { color: $colorSecondary-shade; }
.colorSecondary-tint { color: $colorSecondary-tint; }

.secondaryBg { background-color: $colorSecondary; }
.secondaryBg-shade { background-color: $colorSecondary-shade; }
.secondaryBg-tint { background-color: $colorSecondary-tint; }

// basics
$white: #fff;
$grey: #9B9B9B;
$black: #110E16;

.white { color: $white; }
.black { color: $black; }
.grey { color: $grey; }

@import './_layout.scss';
@import './_typo.scss';
@import './_sections.scss';
@import './_form.scss';
@import './_nav.scss';
@import './_footer.scss';

* {
    box-sizing: border-box;
}

html, body {
    background-color: $white;
    //color: $black;
    color: $grey;
    font-family: 'Lora', serif;
}

button {
   display: inline-block;
   min-width: 128px;
   height: 76px;
   line-height: 76px;
   padding: 0 32px;

   border: none;
   border-radius: 8px;

   font-family: 'Lora', serif;
   font-weight: 600;
   font-size: 1.2em;
   white-space: nowrap;

   cursor: pointer;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5);
}

.btn--askRayna {
  letter-spacing: 1px;
}

.btn--fullWidth {
    display: block;
    width: 100%;
}

.btn--secondary {
  background-color: $colorSecondary-tint;
  color: $colorPrimary;
  //opacity: 0.5;
  font-family: 'Helvetica', sans-serif;
  text-shadow:
    -1px -1px 0px rgba(255,255,255,0.3),
     1px  1px 0px rgba(255,255,255,0.8);
}

.btn--emboss span {
}

textarea,
input {
  background-color: rgba(255, 255, 255, 0.3);
  color: $colorPrimary-shade;
  border: none;
  border-radius: 8px;
  padding-left: 0.5rem;
  display: block;
  width: 100%;
  height: 58px;
  margin-top: 8px;
}

textarea.alt,
input.alt {
  @include primaryAlpha(0.3);
  color: $black;
}

textarea {
    padding: 16px 16px 16px 0.5rem;
    min-height: 250px;
}

label {
  margin-top: 16px;
  display: block;
}

.form-message,
.form-error {
  padding: 16px;
  margin-top: 16px;
}

img {
    max-width: 100%;
    display: block;
}

.postSummaries {
    padding-top: 2rem;
}

hr {
  border: 1px solid $colorPrimary-shade;
}

ul {
  margin: 0;
}

.u-text-right {
  text-align: right;
}

.u-pullRight {
    float: right;
}

.u-centerVertical {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hasBg {<commit_msg>Fix img height issue for ie<commit_after>// purple
$colorPrimary: #554971;
//$colorPrimary: rgb(85, 73, 113);
$colorPrimary-shade: #36213E;

@mixin primaryAlpha ($alpha) {
  background-color: rgba(85, 73, 113, $alpha)
}

@mixin vertical-center () {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.verticalCenter {
  @include vertical-center();
}

.colorPrimary { color: $colorPrimary; }
.colorPrimary-shade { color: $colorPrimary-shade; }

.primaryBg { background-color: $colorPrimary; }
.primaryBg-shade { background-color: $colorPrimary-shade; }

// blue
$colorSecondary: #8AC6D0;
$colorSecondary-shade: #63768D;
$colorSecondary-tint: #B8F3FF;

.colorSecondary { color: $colorSecondary; }
.colorSecondary-shade { color: $colorSecondary-shade; }
.colorSecondary-tint { color: $colorSecondary-tint; }

.secondaryBg { background-color: $colorSecondary; }
.secondaryBg-shade { background-color: $colorSecondary-shade; }
.secondaryBg-tint { background-color: $colorSecondary-tint; }

// basics
$white: #fff;
$grey: #9B9B9B;
$black: #110E16;

.white { color: $white; }
.black { color: $black; }
.grey { color: $grey; }

@import './_layout.scss';
@import './_typo.scss';
@import './_sections.scss';
@import './_form.scss';
@import './_nav.scss';
@import './_footer.scss';

* {
    box-sizing: border-box;
}

html, body {
    background-color: $white;
    //color: $black;
    color: $grey;
    font-family: 'Lora', serif;
}

button {
   display: inline-block;
   min-width: 128px;
   height: 76px;
   line-height: 76px;
   padding: 0 32px;

   border: none;
   border-radius: 8px;

   font-family: 'Lora', serif;
   font-weight: 600;
   font-size: 1.2em;
   white-space: nowrap;

   cursor: pointer;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5);
}

.btn--askRayna {
  letter-spacing: 1px;
}

.btn--fullWidth {
    display: block;
    width: 100%;
}

.btn--secondary {
  background-color: $colorSecondary-tint;
  color: $colorPrimary;
  //opacity: 0.5;
  font-family: 'Helvetica', sans-serif;
  text-shadow:
    -1px -1px 0px rgba(255,255,255,0.3),
     1px  1px 0px rgba(255,255,255,0.8);
}

.btn--emboss span {
}

textarea,
input {
  background-color: rgba(255, 255, 255, 0.3);
  color: $colorPrimary-shade;
  border: none;
  border-radius: 8px;
  padding-left: 0.5rem;
  display: block;
  width: 100%;
  height: 58px;
  margin-top: 8px;
}

textarea.alt,
input.alt {
  @include primaryAlpha(0.3);
  color: $black;
}

textarea {
    padding: 16px 16px 16px 0.5rem;
    min-height: 250px;
}

label {
  margin-top: 16px;
  display: block;
}

.form-message,
.form-error {
  padding: 16px;
  margin-top: 16px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.postSummaries {
    padding-top: 2rem;
}

hr {
  border: 1px solid $colorPrimary-shade;
}

ul {
  margin: 0;
}

.u-text-right {
  text-align: right;
}

.u-pullRight {
    float: right;
}

.u-centerVertical {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hasBg {
{'fraction_non_alphanumeric': 0.1691542288557214, 'fraction_numerical': 0.05207296849087894, 'mean_word_length': 3.376632801161103, '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': '6954330', 'n_tokens_mistral': 2680, 'n_tokens_neox': 2367, 'n_words': 511}