Contents

// @import "/assets/css/Chaos-style.scss";

.target:target{
  display: block;

}
.target{
  display: none;
  color: $accent-color;
}
button.Chaos-Button{
  border: 0;
  padding-top: $spacing-unit * 0.7;
  padding-bottom: $spacing-unit * 0.5;
}
input[type="submit"], button{
  all: none;
  border: 0;
}
.Chaos-Form{
  font-size: $base-font-size * 0.8;
  input,select{
    border-style:solid;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    border-color: $accent-color;
    font-size: $base-font-size;
    font-family: $base-font-stack;
    background-color: $background-color;
    // background-color: rgba(0,0,0,0);
  }
  div.input.text{
    margin: $spacing-unit*1.5 $spacing-unit * 1.4;
    display: flex;
    flex-direction: column-reverse;
  }
  input[required], textarea[required], select[required] {
    & + label::after{
          content: " *";
          color: $brand-color;
        }
  }
  input[type="checkbox"]{
    width: auto;
  }
  select {
    // -webkit-appearance: none;
    // -moz-appearance: none;
    // appearance: none;       /* Remove default arrow */
    // background-image: url(...);   /* Add custom arrow */
    border-width: 2px;
    padding: $spacing-unit;
    border-radius: $rounding;
  }
  input[type="email"], input[type="text"], input[type="tel"], textarea{
    border-width: 2px;
    padding: $spacing-unit;
    border-radius: $rounding;
    &:focus{
      border-color: $brand-color;
      border-width: 3px;
      outline-color: $brand-color;
    }
  }
  textarea{
    max-width: 100%;
    &.expand:focus{
      height: 40vh;
    }
  }
  fieldset{
    border: 0;
    padding:0;
    &.pair{
      @media screen and (min-width: $content-width-narrow) {
        display: flex;
        .input {
          max-width: 50%;
        }

      }
      display: block;
      .input{
        max-width: 100%;
      }

    }
  }
  .form-submit-message:target{
    display: block;
  }
  .form-submit-message{
    display: none;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-chaos-0.1.1	_sass/chaos/form.scss
jekyll-theme-chaos-0.1.0	_sass/chaos/form.scss