Webform module and config export

web/modules/contrib/webform/css/webform.admin.css

@@ -0,0 +1,173 @@
+/**
+ * @file
+ * Admin styles
+ */
+
+/**
+ * Hide throbber which causes layout issue in dropbutton
+ */
+.dropbutton-multiple .ajax-progress-throbber {
+  display: none;
+}
+
+/**
+ * Webform setting button displays a gear icon.
+ * @see /admin/structure/webform/manage/contact/results/table
+ */
+.button.button-webform-setting {
+  margin: 0 0 1em 0;
+}
+
+.button.button-webform-setting:before {
+  content: '⚙';
+  font-size: 1.2em;
+}
+
+/**
+ * Add light gray background to Add-on details widget.
+ * @see /admin/structure/webform/addons
+ */
+.webform-addons details {
+  background-color: #f8f8f8;
+}
+
+/**
+ * Filter webform and submissions.
+ * @see /admin/structure/webform
+ * @see /admin/structure/webform/templates
+ */
+.webform-filter-form .form-submit {
+  margin-left: 0;
+  margin-right: 5px;
+}
+
+.webform-filter-form .form-item {
+  margin-right: 5px;
+}
+
+@media screen and (max-width: 600px) {
+  .webform-filter-form .form-item {
+    display: block;
+    margin-right: 0;
+  }
+}
+
+/**
+ * Results table.
+ * @see /admin/structure/webform/results/manage
+ * @see /admin/structure/webform/manage/contact/results/submissions
+ * @see /admin/structure/webform/manage/contact/results/table
+ */
+.webform-results__table th,
+.webform-results__table td {
+  max-width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* Make sure 'Operations' is never cut-off */
+.webform-results__table td:last-child {
+  overflow: visible;
+  max-width: inherit;
+  white-space: normal;
+}
+
+th.webform-results__icon,
+td.webform-results__icon {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+/* Hide throbber, which breaks icon alignment */
+.webform-results__icon .ajax-progress-throbber,
+a.webform-results__custom + .ajax-progress-throbber {
+  display: none;
+}
+
+/* Entire row is clickable. @see Drupal.behaviors.webformTableRowHref */
+.webform-results__table tbody tr {
+  cursor: pointer;
+  cursor: hand;
+}
+
+/**
+ * Results custom(ize) dialog.
+ */
+.webform-results__custom .tabledrag-changed-warning,
+.webform-results__custom .tabledrag-changed /* Hide table drag warnings. */ {
+  display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
+}
+
+/**
+ * Results icons (sticky & notes)
+ */
+.webform-icon {
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  text-align: center;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 100% auto;
+  vertical-align: -2px;
+}
+
+.webform-icon-notes--on {
+  background-image: url(../images/icons/notes-on.svg);
+}
+
+.webform-icon-notes--off {
+  background-image: url(../images/icons/notes-off.svg);
+}
+
+.webform-icon-notes--link {
+  background-image: url(../images/icons/notes-link.svg);
+}
+
+a:hover .webform-icon-notes--on,
+a:focus .webform-icon-notes--on,
+a:hover .webform-icon-notes--off,
+a:focus .webform-icon-notes--off {
+  background-image: url(../images/icons/notes-link.svg);
+}
+
+.webform-icon-sticky {
+  background: transparent url(../images/icons/sticky.svg) no-repeat left top;
+  display: inline-block;
+  background-size: 64px 16px;
+}
+
+.webform-icon-sticky--off:hover,
+.webform-icon-sticky--off:focus {
+  background-position: -16px top;
+}
+.webform-icon-sticky--on {
+  background-position: -32px top;
+}
+.webform-icon-sticky--on:focus,
+.webform-icon-sticky--on:hover {
+  background-position: -48px top;
+}
+
+.webform-icon-sticky--link {
+  background: transparent url(../images/icons/sticky-link.svg) no-repeat left top;
+}
+
+/**
+ * Submission view table.
+ * @see /admin/structure/webform/manage/{webform_id}/submission/{webform_submission_id}/table
+ */
+.webform-submission__table th {
+  width: 33%;
+  min-width: 100px;
+}
+
+.webform-submission__table td {
+  width: 66%;
+}
+
+.webform-horizontal-rule {
+  margin: .5em 0;
+}

web/modules/contrib/webform/css/webform.admin.translation.css

@@ -0,0 +1,12 @@
+/**
+ * @file
+ * Translation styles.
+ */
+
+/**
+ * Remove margin in left column in translate tab to ensure form items line up.
+ * @see /admin/structure/webform/manage/contact/translate/es/add
+ */
+.webform-translation-source .form-item {
+  margin: 0;
+}

web/modules/contrib/webform/css/webform.assets.css

@@ -0,0 +1,8 @@
+/**
+ * @file
+ * This an empty placeholder file that is replaced with custom CSS.
+ *
+ * @see webform_css_alter()
+ * @see _webform_asset_alter()
+ * @see \Drupal\webform\WebformSubmissionForm::form
+ */

web/modules/contrib/webform/css/webform.confirmation.css

@@ -0,0 +1,11 @@
+/**
+ * @file
+ * Confirmation styles.
+ *
+ * @see /webform/contact/confirmation
+ */
+
+.webform-confirmation__message,
+.webform-confirmation__back {
+  margin: 0 0 1em 0;
+}

web/modules/contrib/webform/css/webform.element.codemirror.css

@@ -0,0 +1,27 @@
+/**
+ * @file
+ * CodeMirror styles.
+ *
+ * @see /webform/test_element_codemirror/test
+ */
+
+/* Clean up CodeMirror editor */
+form .CodeMirror {
+  border: 1px solid #ccc;
+  font-size: 13px;
+  height: auto;
+}
+
+form .CodeMirror-scroll {
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+
+/* Clean up CodeMirror viewer */
+pre.webform-codemirror-runmode {
+  border: 1px solid #ccc;
+  font-size: 13px;
+  overflow: auto;
+  padding: 3px;
+  margin: 0;
+}

web/modules/contrib/webform/css/webform.element.color.css

@@ -0,0 +1,44 @@
+/**
+ * @file
+ * Element color styles
+ *
+ * @see \Drupal\webform\Plugin\WebformElement\Color
+ * @see webform-element-color-value-swatch.html.twig
+ * @see http://stackoverflow.com/questions/11167281/webkit-css-to-control-the-box-around-the-color-in-an-elementtype-color
+ */
+
+.webform-submission-form input.form-color {
+  margin: inherit;
+  padding: 0;
+  border: 1px solid #ccc;
+}
+
+.webform-submission-form input.form-color::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+.webform-submission-form input.form-color::-webkit-color-swatch {
+  border: none;
+}
+
+input.form-color.form-color-small {
+  width: 16px;
+  height: 16px;
+  font-size: smaller;
+}
+
+input.form-color.form-color-medium {
+  width: 24px;
+  height: 24px;
+}
+
+input.form-color.form-color-large {
+  width: 36px;
+  height: 36px;
+}
+
+input.form-color.form-color-output {
+  width: 6em;
+  padding: 0 .5em;
+  border-left: 0;
+}

web/modules/contrib/webform/css/webform.element.composite.css

@@ -0,0 +1,11 @@
+/**
+ * @file
+ * Composite element styles
+ *
+ * @see /webform/example_elements_composite
+ */
+
+/* Remove extra margin are composite element which already contain form elements with margins */
+fieldset.form-composite {
+  margin: 0;
+}

web/modules/contrib/webform/css/webform.element.composite_telephone.css

@@ -0,0 +1,22 @@
+/**
+ * @file
+ * Composite telephone element styles.
+ */
+
+.webform-telephone:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.webform-telephone .form-item,
+.webform-telephone .form-item label {
+  float: left;
+  margin: 0 10px 0 0;
+  vertical-align: middle;
+}
+
+.webform-telephone .form-item label {
+  line-height: 2em;
+  height: 2em;
+}

web/modules/contrib/webform/css/webform.element.details.toggle.css

@@ -0,0 +1,21 @@
+/**
+ * @file
+ * Element details toggle all styles.
+ *
+ * @see /webform/test_form_details_toggle
+ */
+
+.webform-details-toggle-state-wrapper {
+  text-align: right; /* LTR */
+}
+[dir="rtl"] .webform-details-toggle-state-wrapper {
+  text-align: left;
+}
+
+.webform-details-toggle-state-wrapper {
+  margin-top: 1em;
+}
+
+.webform-details-toggle-state-wrapper + details {
+  margin-top: 0;
+}

web/modules/contrib/webform/css/webform.element.flexbox.css

@@ -0,0 +1,167 @@
+/**
+ * @file
+ * Flexbox styles.
+ *
+ * @see /webform/example_layout_flexbox
+ * @see /webform/test_element_flexbox_flex
+ */
+
+@media (min-width: 768px) {
+
+  .webform-flexbox {
+    display: -webkit-flex;
+    display: flex;
+    margin: 1em -.5em;
+  }
+
+  .webform-flexbox .webform-flexbox {
+    margin: 1em 0;
+  }
+
+  .webform-flexbox--flex-start {
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+  }
+
+  .webform-flexbox--flex-end {
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+  }
+
+  .webform-flexbox--center {
+    -webkit-align-items: center;
+    align-items: center;
+  }
+
+  .webform-flex {
+    min-width: 0;
+  }
+
+  .webform-flex--container {
+    margin: 0 .5em;
+  }
+
+  .webform-flex--container > .form-item {
+    margin: 0;
+  }
+
+  .webform-flex--container > .form-item > input,
+  .webform-flex--container > .form-item > select {
+    width: 100%;
+  }
+
+  .container-inline .webform-flex--container > .form-item > input,
+  .container-inline .webform-flex--container > .form-item > select {
+    width: inherit;
+  }
+
+  .webform-flex--container > .webform-has-field-prefix > input,
+  .webform-flex--container > .webform-has-field-suffix > input,
+  .webform-flex--container > .webform-has-field-prefix > select,
+  .webform-flex--container > .webform-has-field-suffix > select {
+    width: 85%;
+  }
+
+  .webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > input,
+  .webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > select {
+    width: 70%;
+  }
+
+  .webform-flex--1 {
+    -webkit-flex: 1;
+    flex: 1;
+  }
+
+  .webform-flex--2 {
+    -webkit-flex: 2;
+    flex: 2;
+  }
+
+  .webform-flex--3 {
+    -webkit-flex: 3;
+    flex: 3;
+  }
+
+  .webform-flex--4 {
+    -webkit-flex: 4;
+    flex: 4;
+  }
+
+  .webform-flex--5 {
+    -webkit-flex: 5;
+    flex: 5;
+  }
+
+  .webform-flex--6 {
+    -webkit-flex: 6;
+    flex: 6;
+  }
+
+  .webform-flex--7 {
+    -webkit-flex: 7;
+    flex: 7;
+  }
+
+  .webform-flex--8 {
+    -webkit-flex: 8;
+    flex: 8;
+  }
+
+  .webform-flex--9 {
+    -webkit-flex: 9;
+    flex: 9;
+  }
+
+  .webform-flex--10 {
+    -webkit-flex: 10;
+    flex: 10;
+  }
+
+  .webform-flex--11 {
+    -webkit-flex: 11;
+    flex: 11;
+  }
+
+  .webform-flex--12 {
+    -webkit-flex: 12;
+    flex: 12;
+  }
+
+  /**
+   * Select other.
+   */
+  .webform-flex--container > .form-type-webform-select-other select {
+    width: 100%;
+  }
+
+  .webform-flex--container > .form-type-webform-select-other .form-item {
+    margin: 0;
+  }
+
+  .webform-flex--container > .form-type-webform-select-other .form-item + .form-item {
+    margin-top: .5em;
+  }
+
+  /**
+   * Range.
+   */
+  .webform-flex--container > .form-type-range-output > .form-range-output {
+    width: 66%;
+  }
+
+  /**
+   * Composite.
+   */
+  .form-composite > .webform-flexbox {
+    margin: 1em -.5em;
+  }
+
+  /**
+   * Radios/checkboxes.
+   */
+  .form-type-checkbox,
+  .form-type-radio {
+    white-space: nowrap;
+  }
+
+}

web/modules/contrib/webform/css/webform.element.image_file.css

@@ -0,0 +1,11 @@
+/**
+ * @file
+ * Image file styles.
+ *
+ * @see /webform/test_element_media_file
+ */
+
+img.webform-image-file {
+  max-width: 100%;
+  height: auto;
+}

web/modules/contrib/webform/css/webform.element.likert.css

@@ -0,0 +1,102 @@
+/**
+ * @file
+ * Likert element styles.
+ *
+ * @see /webform/test_element_likert
+ */
+
+/**
+ * Answer column widths.
+ */
+[data-likert-answers-count="2"] th {
+  width: 30%;
+}
+[data-likert-answers-count="3"] th {
+  width: 20%;
+}
+[data-likert-answers-count="4"] th {
+  width: 15%;
+}
+[data-likert-answers-count="5"] th {
+  width: 12%;
+}
+[data-likert-answers-count="6"] th {
+  width: 10%;
+}
+[data-likert-answers-count="7"] th {
+  width: 8.57%;
+}
+[data-likert-answers-count="8"] th {
+  width: 7.5%;
+}
+[data-likert-answers-count="9"] th {
+  width: 6.66%;
+}
+[data-likert-answers-count="10"] th {
+  width: 6%;
+}
+
+/**
+ * Basic table formatting.
+ */
+.webform-likert-table th,
+.webform-likert-table td {
+  text-align: center;
+}
+
+.form-type-webform-likert td label {
+  display: none;
+}
+
+.webform-likert-table th:first-child,
+.webform-likert-table td:first-child {
+  text-align: inherit;
+  width: 40%;
+}
+
+.form-type-webform-likert td:first-child label {
+  display: block;
+}
+
+/**
+ * Mobile support to likert webform element table.
+ */
+@media (max-width: 768px) {
+  .form-type-webform-likert table {
+    border-collapse: collapse;
+    font-size: inherit;
+  }
+
+  .form-type-webform-likert thead {
+    display: none;
+  }
+
+  .form-type-webform-likert tr,
+  .form-type-webform-likert tr.odd {
+    border: 0;
+    background: transparent;
+  }
+
+  .form-type-webform-likert td {
+    display: block;
+    border: 0;
+    background: transparent;
+    padding: 0;
+    text-align: inherit;
+  }
+
+  .webform-likert-table[data-likert-answers-count] th,
+  .webform-likert-table[data-likert-answers-count] th:first-child,
+  .webform-likert-table td,
+  .webform-likert-table td:first-child {
+    width: 100%;
+  }
+
+  .form-type-webform-likert td label {
+    display: inline;
+  }
+
+  .form-type-webform-likert td:last-child {
+    margin-bottom: 1em;
+  }
+}

web/modules/contrib/webform/css/webform.element.location.css

@@ -0,0 +1,16 @@
+/**
+ * @file
+ * Location element styles.
+ *
+ * @see /webform/test_element_location
+ */
+
+/**
+ * Remove power by Google.
+ *
+ * @see http://stackoverflow.com/questions/12327651/how-to-remove-the-powered-by-google-logo-in-the-google-map-autocomplete-dropdo
+ */
+.pac-container:after {
+  background-image: none;
+  height: 0;
+}

web/modules/contrib/webform/css/webform.element.message.css

@@ -0,0 +1,76 @@
+/**
+ * @file
+ * Messages element styles.
+ *
+ * @see /webform/test_element_message
+ */
+
+/**
+ * Add styles to default (info) message,
+ */
+.messages {
+  box-shadow: -8px 0 0 #3b3b3b; /* LTR */
+}
+[dir="rtl"] .messages {
+  box-shadow: 8px 0 0 #3b3b3b;
+  margin-left: 0;
+}
+
+.messages.messages--info {
+  color: #31708f;
+  background-color: #d9edf7;
+  background-image: url(../images/icons/info.svg);
+  border-color: #0074bd #0074bd #0074bd transparent;  /* LTR */
+  box-shadow: -8px 0 0 #0074bd; /* LTR */
+}
+[dir="rtl"] .messages.messages--info {
+  border-color: #0074bd transparent #0074bd #0074bd;
+  box-shadow: 8px 0 0 #0074bd;
+  margin-left: 0;
+}
+
+/**
+ * Webform message close container.
+ */
+.webform-message--close .messages {
+  position: relative;
+}
+
+/**
+ * Webform message close link.
+ */
+.webform-message--close .webform-message__link {
+  display: none;
+}
+
+html.js .webform-message--close .webform-message__link {
+  display: block;
+  position: absolute;
+  top: 11px;
+  right: 10px;
+  line-height: 24px;
+  font-size: 24px;
+}
+
+.webform-message__link {
+  color: inherit;
+  opacity: 0.33;
+}
+
+.webform-message__link:link {
+  border-bottom: none;
+  text-decoration: none;
+}
+
+.webform-message__link:hover,
+.webform-message__link:focus,
+.webform-message__link:active {
+  border-bottom: none;
+  text-decoration: none;
+  color: inherit;
+  opacity: 1;
+}
+
+html.js .js-webform-message--close-storage {
+  display: none;
+}

web/modules/contrib/webform/css/webform.element.multiple.css

@@ -0,0 +1,103 @@
+/**
+ * @file
+ * Multiple element styles.
+ *
+ * @see /webform/test_element_multiple
+ */
+
+.form-type-webform-multiple:after {
+  content: " ";
+  display: table;
+  clear: both;
+}
+
+.webform-multiple-table table {
+  margin-bottom: 2px;
+}
+
+.webform-multiple-table td {
+  white-space: nowrap;
+}
+
+.webform-multiple-table td:first-child {
+  padding: 0 0 0 1em;
+  width: 26px;
+  vertical-align: middle;
+  text-align: center;
+}
+
+.webform-multiple-table td:last-child {
+  padding: 0 2px;
+  vertical-align: middle;
+  text-align: center;
+  width: 60px;
+}
+
+
+.webform-multiple-table td:last-child input {
+  margin: 0 2px;
+}
+
+.webform-multiple-table td:last-child input {
+  opacity: 0.4;
+}
+
+.webform-multiple-table td:last-child input:hover,
+.webform-multiple-table td:last-child input:focus,
+.webform-multiple-table td:last-child input:active {
+  opacity: 1;
+  background: none;
+}
+
+.webform-multiple-table td select,
+.webform-multiple-table td .form-type-textfield input,
+.webform-multiple-table td .form-type-email input,
+.webform-multiple-table td .form-type-url input,
+.webform-multiple-table td .form-type-tel input,
+.webform-multiple-table td .form-type-entity-autocomplete input,
+.webform-multiple-table td .form-type-webform-autocomplete input {
+  width: 100%;
+}
+.webform-multiple-table td .form-type-datelist select,
+.form-type-webform-multiple.webform-has-field-prefix td select,
+.form-type-webform-multiple.webform-has-field-suffix td select,
+.form-type-webform-multiple.webform-has-field-prefix td input,
+.form-type-webform-multiple.webform-has-field-suffix td input {
+  width: auto;
+}
+
+.webform-multiple-table .webform-multiple-sort-weight {
+  width: 4em;
+}
+
+.webform-multiple-table td input[type="image"] {
+  padding: 0;
+  width: 16px;
+  height: 16px;
+}
+
+.webform-multiple-table .container-inline input[type="submit"] {
+  width: inherit;
+}
+
+/**
+ * Hide AJAX throbber.
+ */
+.form-type-webform-multiple .ajax-progress-throbber {
+  display: none;
+}
+
+/**
+ * Suppress table drag warnings.
+ */
+.webform-multiple-table .tabledrag-changed-warning,
+.webform-multiple-table .tabledrag-changed {
+  display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
+}
+
+/**
+ * Tweak tabledrag toggle weight.
+ */
+.webform-multiple-tabledrag-toggle-weight {
+  float: right;
+}

web/modules/contrib/webform/css/webform.element.options.css

@@ -0,0 +1,38 @@
+/**
+ * @file
+ * Element options display styles.
+ *
+ * @see /webform/example_layout_basic
+ */
+
+.webform-options-display-side-by-side > div {
+  display: inline-block;
+  margin-right: .5em;
+}
+
+/**
+ * Display columns for devices that are more than 400px wide.
+ */
+@media (min-width: 400px) {
+  .webform-options-display-two-columns {
+    display: inline-block;
+    margin-top: .4em;
+    -moz-column-count: 2;
+    -webkit-column-count: 2;
+    column-count: 2;
+  }
+
+  .webform-options-display-three-columns {
+    display: inline-block;
+    margin-top: .4em;
+    -moz-column-count: 3;
+    -webkit-column-count: 3;
+    column-count: 3;
+  }
+
+  .webform-options-display-two-columns div.form-item,
+  .webform-options-display-three-columns div.form-item {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}

web/modules/contrib/webform/css/webform.element.other.css

@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Other element styles.
+ *
+ * @see /webform/test_element_other
+ */
+
+html.js .webform-select-other .webform-select-other-input,
+html.js .webform-checkboxes-other .webform-checkboxes-other-input,
+html.js .webform-radios-other .webform-radios-other-input,
+html.js .webform-buttons-other .webform-buttons-other-input {
+  display: none;
+}

web/modules/contrib/webform/css/webform.element.range.css

@@ -0,0 +1,21 @@
+/**
+ * @file
+ * Element range styles.
+ *
+ * @see /webform/example_elements#edit-range
+ * @see http://thenewcode.com/754/input-Antipode-The-HTML5-output-Element
+ */
+
+.form-range.form-range-output {
+  margin-right: 8px;
+}
+
+.form-range-output-container {
+  white-space: nowrap;
+}
+
+.form-range-output-container input,
+.form-range-output-container .field-prefix,
+.form-range-output-container .field-suffix {
+  margin-left: 2px;
+}

web/modules/contrib/webform/css/webform.element.rating.css

@@ -0,0 +1,94 @@
+/**
+ * @file
+ * Rating element styles.
+ *
+ * @see /webform/example_elements
+ */
+
+html.js .form-webform-rating {
+  display: none;
+}
+
+div.svg div.rateit-range {
+  background: url(../images/rating/star-normal.svg);
+}
+
+div.svg div.rateit-hover {
+  background: url(../images/rating/star-hover.svg);
+}
+
+div.svg div.rateit-selected {
+  background: url(../images/rating/star-selected.svg);
+}
+
+div.svg div.rateit-preset {
+  background: url(../images/rating/star-preset.svg);
+}
+
+div.svg button.rateit-reset {
+  background: url(../images/rating/reset-normal.svg);
+}
+
+div.svg button.rateit-reset:hover {
+  background: url(../images/rating/reset-hover.svg);
+}
+
+/**
+ * Small
+ */
+div.svg.rateit-small {
+  height: 16px;
+}
+
+div.svg.rateit-small div.rateit-range,
+div.svg.rateit-small div.rateit-hover,
+div.svg.rateit-small div.rateit-selected,
+div.svg.rateit-small div.rateit-preset {
+  background-size: 16px 16px;
+}
+
+div.svg.rateit-small button.rateit-reset {
+  height: 16px;
+  width: 16px;
+  background-size: 16px 16px;
+}
+
+/**
+ * Medium
+ */
+div.svg.rateit-medium {
+  height: 24px;
+}
+
+div.svg.rateit-medium div.rateit-range,
+div.svg.rateit-medium div.rateit-hover,
+div.svg.rateit-medium div.rateit-selected,
+div.svg.rateit-medium div.rateit-preset {
+  background-size: 24px 24px;
+}
+
+div.svg.rateit-medium button.rateit-reset {
+  height: 24px;
+  width: 24px;
+  background-size: 24px 24px;
+}
+
+/**
+ * Large
+ */
+div.svg.rateit-large {
+  height: 36px;
+}
+
+div.svg.rateit-large div.rateit-range,
+div.svg.rateit-large div.rateit-hover,
+div.svg.rateit-large div.rateit-selected,
+div.svg.rateit-large div.rateit-preset {
+  background-size: 32px 32px;
+}
+
+div.svg.rateit-large button.rateit-reset {
+  height: 32px;
+  width: 32px;
+  background-size: 32px 32px;
+}

web/modules/contrib/webform/css/webform.element.select2.css

@@ -0,0 +1,14 @@
+/**
+ * @file
+ * Select2 styles.
+ */
+
+/*
+ * Make sure container is visible.
+ * - Fixes Select2 not working with dialog or system tray.
+ *   .ui-dialog z-index is 1260. @see core/themes/seven/css/components/dialog.css
+ */
+.select2-container--open {
+  z-index: 1261;
+}
+

web/modules/contrib/webform/css/webform.element.signature.css

@@ -0,0 +1,45 @@
+/**
+ * @file
+ * Signature element styles.
+ *
+ * @see /webform/example_elements
+ * @see https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
+ */
+
+.webform-signature-pad {
+  position: relative;
+  background-color: #f0f0f0;
+}
+
+.webform-signature-pad:before {
+  display: block;
+  content: "";
+  width: 100%;
+  padding-top: 33%;
+}
+
+.webform-signature-pad canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: block;
+  cursor: crosshair;
+}
+
+/* Position 'Reset' button in right hand corner of the canvas */
+.webform-signature-pad .button {
+  z-index: 100;
+  position: absolute;
+  top: 2px;
+  right: 2px;
+}
+
+/* Add border around signature image */
+.webform-signature-pad-image {
+  display: block;
+  width: 100%;
+  max-width: 600px; /* Max width is used to prevent signature pad from getting too wide and tall */
+  border: 1px solid #ccc;
+}

web/modules/contrib/webform/css/webform.element.states.css

@@ -0,0 +1,71 @@
+/**
+ * @file
+ * States element styles.
+ *
+ * @see /webform/test_element_states
+ */
+
+.webform-states-table td {
+  white-space: nowrap;
+}
+
+.webform-states-table--state {
+  border-top: 2px solid #a6a6a6;
+}
+
+.webform-states-table--state:first-child {
+  border-top: inherit;
+}
+
+.webform-states-table--state td select {
+  width: inherit;
+  max-width: inherit;
+}
+
+.webform-states-table--state td:first-child select,
+.webform-states-table--condition select,
+.webform-states-table--condition input[type="text"] {
+  width: 100%;
+  max-width: 100%;
+}
+
+.webform-states-table .image-button {
+  margin: 0;
+}
+
+.webform-states-table th:last-child,
+.webform-states-table td:last-child {
+  padding: 0 2px;
+  vertical-align: middle;
+  text-align: center;
+}
+
+.webform-states-table td:last-child input {
+  margin: 0 2px;
+}
+
+.webform-states-table td:last-child input {
+  opacity: 0.4;
+}
+
+.webform-states-table td:last-child input:hover,
+.webform-states-table td:last-child input:focus,
+.webform-states-table td:last-child input:active {
+  opacity: 1;
+  background: none;
+}
+
+/**
+ * Hide AJAX throbber.
+ */
+.form-type-webform-element-states .ajax-progress-throbber {
+  display: none;
+}
+
+/**
+ * Suppress table drag warnings.
+ */
+.webform-states-table .tabledrag-changed-warning,
+.webform-states-table .tabledrag-changed {
+  display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
+}

web/modules/contrib/webform/css/webform.element.tableselect.css

@@ -0,0 +1,12 @@
+/**
+ * @file
+ * Table select element styles.
+ *
+ * @see /webform/test_element_table
+ */
+
+/* Make the first column containing a checkbox/radio as small as possible. */
+.tableselect th:first-child,
+.tableselect td:first-child {
+  width: 1px;
+}

web/modules/contrib/webform/css/webform.element.tableselect_sort.css

@@ -0,0 +1,12 @@
+/**
+ * @file
+ * Table select sort element styles.
+ *
+ * @see /webform/test_element_table
+ */
+
+.tableselect-sort th:first-child,
+.tableselect-sort td:first-child {
+  white-space: nowrap;
+  width: 40px;
+}

web/modules/contrib/webform/css/webform.element.toggle.css

@@ -0,0 +1,44 @@
+/**
+ * @file
+ * Toggle element styles.
+ *
+ * @see /webform/example_elements
+ */
+
+html.js .form-type-webform-toggle .form-checkbox {
+  display: none;
+}
+
+html.js .form-type-webform-toggle label.option {
+  display: block;
+  float: left;
+}
+
+html.js .form-type-webform-toggle label + input + .toggle {
+  margin: 2px 0;
+}
+
+html.js .toggle {
+  display: block;
+  float: left;
+  margin: 2px .5em 2px 0;
+  text-transform: uppercase;
+}
+
+html.js .toggle.toggle-small,
+html.js .toggle.toggle-small + label {
+  height: 16px;
+  line-height: 16px;
+}
+
+html.js .toggle.toggle-medium,
+html.js .toggle.toggle-medium+ label {
+  height: 24px;
+  line-height: 24px;
+}
+
+html.js .toggle.toggle-large,
+html.js .toggle.toggle-large + label {
+  height: 36px;
+  line-height: 36px;
+}

web/modules/contrib/webform/css/webform.element.video_file.css

@@ -0,0 +1,21 @@
+/**
+ * @file
+ * Video file styles.
+ *
+ * @see /webform/test_element_media_file
+ */
+
+.webform-video-file {
+  position: relative;
+  max-width: 640px;
+  height: 0;
+  padding-bottom: 56.25%;
+}
+
+.webform-video-file video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}

web/modules/contrib/webform/css/webform.form.css

@@ -0,0 +1,41 @@
+/**
+ * @file
+ * Webform styles.
+ */
+
+/**
+ * Container inline
+ */
+.form-item .container-inline {
+  margin: 2px 0;
+}
+
+/**
+ * Issue #2731991: Setting required on radios marks all options required.
+ */
+.form-checkboxes .form-required:after,
+.form-radios .form-required:after {
+  display: none;
+}
+
+/**
+ * Element inline
+ */
+.webform-element--title-inline label {
+  display: inline;
+}
+
+.webform-element--title-inline label {
+  padding-right: 0.5em;
+}
+
+.webform-element--title-inline label::after {
+  content: ':';
+}
+
+/**
+ * Readonly inputs.
+ */
+.webform-readonly {
+  background-color: #f0f0f0;
+}

web/modules/contrib/webform/css/webform.help.css

@@ -0,0 +1,54 @@
+/**
+ * @file
+ * Help styles.
+ *
+ * @see /admin/help/webform
+ * @see /admin/help/webform/introduction
+ */
+
+/**
+ * Help block.
+ */
+.block-help {
+  margin: 1em 0;
+}
+
+/**
+ * Help play button.
+ */
+.button.button-webform-play:before {
+  content: '► ';
+  font-size: .8em;
+}
+
+/**
+ * Help accordion.
+ */
+.webform-help-accordion dt {
+  font-weight: bold;
+}
+
+/**
+ * Help video.
+ */
+.webform-help-video-youtube {
+  margin: 1.5em 0;
+  max-width: 1024px;
+  border: 1px solid #000;
+}
+
+.webform-help-video-youtube--container {
+  position: relative;
+  padding-bottom: 56.25%;
+  padding-top: 30px;
+  height: 0;
+  overflow: hidden;
+}
+
+.webform-help-video-youtube iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}

web/modules/contrib/webform/css/webform.navigation.css

@@ -0,0 +1,51 @@
+/**
+ * @file
+ * Navigation styles.
+ *
+ * @see /admin/structure/webform/manage/{webform_id}/submission/{webform_submission_id}
+ */
+
+/**
+ * Navigation.
+ */
+.webform-submission-navigation {
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  margin: 0.5em 0;
+}
+
+/**
+ * Pager.
+ */
+.webform-submission-pager {
+  margin: 0;
+  overflow: auto;
+  padding: 0.5em 0;
+}
+
+.webform-submission-pager__item {
+  display: inline-block;
+  list-style-type: none;
+  vertical-align: top;
+}
+
+.webform-submission-pager__item--previous {
+  text-align: left; /* LTR */
+  width: 45%;
+}
+
+[dir="rtl"] .webform-submission-pager__item--previous {
+  float: right;
+  text-align: right;
+}
+
+.webform-submission-pager__item--next {
+  float: right; /* LTR */
+  text-align: right; /* LTR */
+  width: 45%;
+}
+
+[dir="rtl"] .webform-submission-pager__item--next {
+  float: left;
+  text-align: left;
+}

web/modules/contrib/webform/css/webform.progress.bar.css

@@ -0,0 +1,130 @@
+/**
+ * @file
+ * Wizard progress bar styles.
+ *
+ * @see /webform/example_wizard
+ * @see /webform/test_form_wizard_advanced
+ */
+
+/**
+ * Progress bar.
+ *
+ * @see https://coderwall.com/p/-7trcg/simple-css-only-wizard-progress-tracker
+ */
+.webform-progress-bar {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  font-size: smaller;
+}
+
+li.webform-progress-bar__page {
+  list-style-type: none;
+  display: inline-block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  line-height: 30px;
+  height: 30px;
+  background-color: #f0f0f0;
+}
+
+.webform-progress-bar[data-steps="2"] li {
+  width: 50%;
+}
+.webform-progress-bar[data-steps="3"] li {
+  width: 33%;
+}
+.webform-progress-bar[data-steps="4"] li {
+  width: 25%;
+}
+.webform-progress-bar[data-steps="5"] li {
+  width: 20%;
+}
+.webform-progress-bar[data-steps="6"] li {
+  width: 16.6%;
+}
+.webform-progress-bar[data-steps="7"] li {
+  width: 14.28%;
+}
+.webform-progress-bar[data-steps="8"] li {
+  width: 12.5%;
+}
+.webform-progress-bar[data-steps="9"] li {
+  width: 11.11%;
+}
+.webform-progress-bar[data-steps="10"] li {
+  width: 10%;
+}
+
+li.webform-progress-bar__page > b {
+  display: block;
+  padding: 0 0 0 30px;
+  font-weight: normal;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+li.webform-progress-bar__page--done > b {
+  background-color: #dbdbdb;
+}
+
+li.webform-progress-bar__page--current > b {
+  font-weight: bold;
+}
+
+li.webform-progress-bar__page > b:after,
+li.webform-progress-bar__page > b:before {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: solid transparent;
+  border-left-color: #ededed;
+  border-width: 15px;
+}
+
+li.webform-progress-bar__page > b:after {
+  top: -5px;
+  z-index: 1;
+  border-left-color: white;
+  border-width: 20px;
+}
+
+li.webform-progress-bar__page > b:before {
+  z-index: 2;
+}
+
+li.webform-progress-bar__page--done + li > b:before {
+  border-left-color: #dbdbdb;
+}
+
+li.webform-progress-bar__page:first-child > b:after,
+li:first-child > b:before {
+  display: none;
+}
+
+li.webform-progress-bar__page:first-child span,
+li.webform-progress-bar__page:last-child span {
+  display: block;
+  height: 0;
+  width: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: solid transparent;
+  border-left-color: white;
+  border-width: 15px;
+}
+
+li.webform-progress-bar__page:last-child span {
+  left: auto;
+  right: -15px;
+  border-left-color: transparent;
+  border-top-color: white;
+  border-bottom-color: white;
+}

web/modules/contrib/webform/css/webform.progress.css

@@ -0,0 +1,10 @@
+/**
+ * @file
+ * Wizard progress (numbering) styles.
+ *
+ * @see /webform/test_form_wizard_advanced
+ */
+
+.webform-progress__status {
+  text-align: center;
+}

web/modules/contrib/webform/css/webform.theme.bartik.css

@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Bartik theme styles.
+ */
+
+/* Add background color to table cells so that very wide off-screen tables look okay. */
+table {
+  background-color: #fff;
+}

web/modules/contrib/webform/css/webform.theme.seven.css

@@ -0,0 +1,54 @@
+/**
+ * @file
+ * Seven theme styles.
+ */
+
+/* Align all tables cells top */
+table td {
+  vertical-align: top;
+}
+
+/* Add background to nested details */
+details details {
+  background-color: #f8f8f8;
+}
+
+details details details {
+  background-color: #fff;
+}
+
+/* Add white background to tooltips */
+.ui-tooltip.ui-widget {
+  background: #fff;
+}
+
+/* Hide tabs and elements from printing. */
+@media print {
+  .shortcut-action,
+  .dropbutton-wrapper,
+  .block-system-breadcrumb-block,
+  .block-local-tasks-block,
+  .pager,
+  .button-action,
+  .webform-submission-navigation,
+  .webform-filter-form {
+    display: none !important; /* Using !important to ensure with these elements are hidden with getting into a specificity war */
+  }
+}
+
+/* System tray divider */
+.ui-resizable-w {
+  background-color: #bfbfba;
+  border: 1px solid #6b6b6b;
+  border-width: 1px 2px;
+}
+
+/* System tray title bar */
+.ui-dialog.ui-dialog-offcanvas .ui-dialog-titlebar {
+  border-radius: 0;
+}
+
+/* System tray actions */
+.ui-dialog.ui-dialog-offcanvas .ui-dialog-content .form-actions {
+  margin: 1em 0;
+}