<commit_before>/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "../../global/common";
@import "../../components/buttons/index";
@import "~prismjs/themes/prism"; // don't add the `.css` extension!! See https://github.com/sass/node-sass/issues/2362#issuecomment-388634848

$syntax-bg: #282923;
$error-container-width: 450px;
$initial-message-bg: rgba(255, 255, 255, 0.5);
$initial-message-z: 10;

.builder-form {
  max-width: 50%;
}

.plugin-selector {
  align-items: center;

  .intro {
    font-size: 16px;
    margin: 0;
    padding: 0;
  }

  .single-form-el {
    margin-bottom: 0;
  }

  .choices {
    width: auto;
    min-width: 140px;
  }
}

.preview-pane[class*="language-"] { // scss-lint:disable-line
  position: relative;
  margin: 0;
  width: 47.65%;

  code {
    overflow-y: auto;
    display: block;
  }

  .initial-message {
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    border-radius: 5px;
    background: $initial-message-bg;
    z-index: $initial-message-z;

    .comment {
      display: block;
      margin: 0;
      line-height: 0;
    }<commit_msg>More robust width calc for pac builder form and preview pane<commit_after>/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "../../global/common";
@import "../../components/buttons/index";
@import "~prismjs/themes/prism"; // don't add the `.css` extension!! See https://github.com/sass/node-sass/issues/2362#issuecomment-388634848

$syntax-bg: #282923;
$fillable-section-margin-horiz: 30px;
$error-container-width: 450px;
$initial-message-bg: rgba(255, 255, 255, 0.5);
$initial-message-z: 10;

.builder-form, .preview-pane {
  max-width: calc(50% - #{$fillable-section-margin-horiz});
  flex-basis: 50%;
  flex-shrink: 1;
  flex-grow: 1;
}

.plugin-selector {
  align-items: center;

  .intro {
    font-size: 16px;
    margin: 0;
    padding: 0;
  }

  .single-form-el {
    margin-bottom: 0;
  }

  .choices {
    width: auto;
    min-width: 140px;
  }
}

.preview-pane[class*="language-"] { // scss-lint:disable-line
  position: relative;
  margin: 0;

  code {
    overflow-y: auto;
    display: block;
  }

  .initial-message {
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    border-radius: 5px;
    background: $initial-message-bg;
    z-index: $initial-message-z;

    .comment {
      display: block;
      margin: 0;
      line-height: 0;
    }
{'fraction_non_alphanumeric': 0.1378635346756152, 'fraction_numerical': 0.03970917225950783, 'mean_word_length': 3.005599104143337, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, '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': '3752556', 'n_tokens_mistral': 1305, 'n_tokens_neox': 1164, 'n_words': 348}