Merge commit '10ca4d02c5071a8c19770a89765613dae73b1295' as 'Resources/public/scratch-css'

Resources/public/scratch-css/stylesheets/sass/modules/_forms.scss

@@ -0,0 +1,122 @@
+fieldset {
+   border: none;
+   margin: 0 0 ($base-spacing / 2) 0;
+   padding: $base-spacing;
+}
+
+input,label, select {
+   display: block;
+   /*  font-family: $form-font-family;
+   font-size: $form-font-size; */
+}
+
+label {
+   font-weight: bold;
+   margin-bottom: $base-spacing / 4;
+
+   &.required:after {
+      content: "*";
+   }
+
+   abbr {
+      display: none;
+   }
+}
+
+textarea,
+//input,
+#{$all-text-inputs},
+select[multiple=multiple] {
+   //@include box-sizing(border-box);
+   //@include transition(border-color);
+   background-color: white;
+   border-radius: $form-border-radius;
+   border: 1px solid $form-border-color;
+   box-shadow: none;
+   //box-shadow: $form-box-shadow;
+   /*font-family: $form-font-family;
+   font-size: $form-font-size; */
+   margin-bottom: $base-spacing / 2;
+   padding: ($base-spacing / 3) ($base-spacing / 3);
+   width: 100%;
+
+   &:hover {
+      border-color: $form-border-color-hover;
+   }
+
+   &:focus {
+      border-color: $form-border-color-focus;
+      box-shadow: $form-box-shadow-focus;
+      outline: none;
+   }
+}
+
+textarea {
+   resize: vertical;
+}
+
+input[type="search"] {
+   //@include appearance(none);
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+   display: inline;
+   margin-right: $base-spacing / 4;
+}
+
+input[type="file"] {
+   padding-bottom: $base-spacing / 2;
+   width: 100%;
+}
+
+select {
+   margin-bottom: $base-spacing;
+   max-width: 100%;
+   width: auto;
+}
+
+form {
+   p {
+      &.tip {
+         font-size: .875em;
+         position: relative;
+         text-align: center;
+         margin-top: -.3em;
+      }
+
+      &.label {
+         padding: 0;
+         //margin: 0;
+         //color: $text-color;
+         white-space: normal;
+      }
+   }
+
+   fieldset {
+      border: none;
+      margin-bottom: 1.5em;
+      padding: 0;
+      margin: 0;
+
+      legend {
+         font-size: 1.438em;
+         font-weight: 700;
+         width: 100%;
+         border-bottom:1px solid #ddd;
+
+         & + * {
+            -webkit-margin-top-collapse: separate; // webkit hack that makes the legend margins work like they should
+            margin: 2em 0;
+         }
+      }
+   }
+
+   li {
+      label {
+         display: inline-block;
+         font-weight: normal;
+      }
+   }
+}
+