<commit_before>%outline:focus {
  outline:none;
  box-shadow:0 0 5px rgba(59, 153, 252, .75);
}

// All things forms
input, textarea, select {
  border:1.5px solid $base;
  border-radius:$border-radius;
  padding:5px;
  @extend %outline;
}

// Checkboxes
input[type="checkbox"] + label,
label + input[type="checkbox"] {
  margin-left:7px; }

// These are the minimum sizes to simply cover up the checkbox
$slider-track-width:34px;
$slider-track-height:12px;
$slider-handle-size:$slider-track-width/2;
//Slider checkbox
input[type=checkbox].slider {
  border-radius:$slider-track-height/2;
  outline:none;
  position:relative;
  width:$slider-track-width;

  &::before, &::after{
    content: '';
    display:block;
    visibility:visible; }
}
//Slider track
input[type=checkbox].slider::before {
  background:#555;
  border-radius:$slider-track-height/2;
  height:$slider-track-height;
  width:$slider-track-width; }
//Slider handle
input[type=checkbox].slider::after {
  background:lighten($base, 50);
  border-radius: 50%;
  height:$slider-handle-size;
  left: -3px;
  top:-($slider-handle-size/2)+($slider-track-height/2) ;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;

  width:$slider-track-width/2; }
input[type=checkbox].slider:checked::after {
  left:$slider-track-width/2 + 3; }

//Toggle checkbox
input[type=checkbox].toggle {
  border-radius:$slider-track-height/2;
  outline:none;
  position:relative;
  width:$slider-track-width;

  &::before, &::after{
    content: '';
    display:block;
    visibility:visible; }
}

//Toggle variables
$toggle-handle-size:16px; // Minimum size
$toggle-spacing:3px;
$toggle-track-height:$toggle-handle-size + $toggle-spacing*2;
$toggle-track-width:40px;

input[type=checkbox].toggle {
  border-radius:$toggle-track-height/2;
  height:$toggle-track-height;
  outline:none;
  position:relative;
  width:$toggle-track-width; }

//Toggle track
input[type=checkbox].toggle::before {
  background:#555;
  border-radius:$toggle-track-height/2;
  height:$toggle-track-height;
  width:$toggle-track-width; }
//Toggle handle
input[type=checkbox].toggle::after {
  background:lighten($base, 50);
  border-radius: 50%;
  cursor: pointer;
  height:$toggle-handle-size;
  left:$toggle-spacing;
  top:-($toggle-handle-size/2)+($toggle-track-height/2) ;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  position: absolute;

  width:$toggle-handle-size; }
input[type=checkbox].toggle:checked::after {
  left:($toggle-track-width - $toggle-spacing)/2; }<commit_msg>Form improvements; still WIP.<commit_after>%outline:focus {
  outline:none;
  box-shadow:0 0 5px rgba(59, 153, 252, .75);
}

// All things forms
input, textarea, select{
  border:1.5px solid $base;
  border-radius:$border-radius;
  padding:5px;
  @extend %outline;
}

// Checkboxes
input[type="checkbox"] + label,
label + input[type="checkbox"] { margin-left:7px; }

// Custom checkboxes
input[type="checkbox"].checkbox{
  &:before {
    content:"\f096";
    font-family:FontAwesome;
    width: 1.28571429em;
  }
  &:checked:before { content:"\f046"; }
}

// These are the minimum sizes to simply cover up the checkbox
$slider-track-width:34px;
$slider-track-height:12px;
$slider-handle-size:($slider-track-width+2)/2;
//Slider checkbox
input[type=checkbox].slider {
  border-radius:$slider-track-height/2;
  outline:none;
  position:relative;
  width:$slider-track-width;

  &::before, &::after{
    content: '';
    display:block;
    visibility:visible; }
}
//Slider track
input[type=checkbox].slider::before {
  background:#555;
  border-radius:$slider-track-height/2;
  height:$slider-track-height;
  width:$slider-track-width; }
//Slider handle
input[type=checkbox].slider::after {
  background:lighten($base, 50);
  border-radius: 50%;
  height:$slider-handle-size;
  left: -3px;
  top:-($slider-handle-size/2)+($slider-track-height/2) ;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;

  width:$slider-track-width/2; }
input[type=checkbox].slider:checked::after {
  left:$slider-track-width/2 + 3; }

//Toggle checkbox
input[type=checkbox].toggle {
  border-radius:$slider-track-height/2;
  outline:none;
  position:relative;
  width:$slider-track-width;
  &::before, &::after{
    content: '';
    display:block;
    visibility:visible; }
}

//Toggle variables
$toggle-handle-size:16px; // Minimum size
$toggle-spacing:3px;
$toggle-track-height:$toggle-handle-size + $toggle-spacing*2;
$toggle-track-width:$toggle-handle-size*2 + $toggle-spacing*2;

input[type=checkbox].toggle {
  border-radius:$toggle-track-height/2;
  height:$toggle-track-height;
  outline:none;
  position:relative;
  width:$toggle-track-width; }

//Toggle track
input[type=checkbox].toggle::before {
  background:#555;
  border-radius:$toggle-track-height/2;
  height:$toggle-track-height;
  width:$toggle-track-width; }
//Toggle handle
input[type=checkbox].toggle::after {
  background:lighten($base, 50);
  border-radius: 50%;
  cursor: pointer;
  height:$toggle-handle-size;
  left:$toggle-spacing;
  top:-($toggle-handle-size/2)+($toggle-track-height/2) ;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  position: absolute;
  width:$toggle-handle-size; }
input[type=checkbox].toggle:checked::after {
  left:$toggle-track-width/2; }

//Radio buttons
[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px; margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

label.radio {
  @extend %outline;
}

[type="radio"] + span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
  @extend %outline;
}

[type="radio"]:checked + span::before {
  background: green;
  box-shadow: 0 0 0 0.25em #000;
}
{'fraction_non_alphanumeric': 0.17022292993630572, 'fraction_numerical': 0.029936305732484077, 'mean_word_length': 4.251672240802676, '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': '2599342', 'n_tokens_mistral': 2383, 'n_tokens_neox': 2222, 'n_words': 415}