From 4db409f7521bcf7f8edfa01b3b691b4424b069ed Mon Sep 17 00:00:00 2001 From: Pawan Kumar Date: Tue, 18 Jan 2022 21:39:48 +0530 Subject: [PATCH] remove unused scss files --- library/scss/forms/_container.scss | 48 -- library/scss/forms/_field.scss | 13 - library/scss/forms/elements/_calendar.scss | 588 ------------------ library/scss/forms/elements/_checkbox.scss | 169 ----- library/scss/forms/elements/_file-upload.scss | 130 ---- library/scss/forms/elements/_intl-plugin.scss | 141 ----- library/scss/forms/elements/_multiselect.scss | 116 ---- .../forms/elements/_pagination-progress.scss | 114 ---- .../forms/elements/_pagination-steps.scss | 426 ------------- library/scss/forms/elements/_pagination.scss | 79 --- library/scss/forms/elements/_section.scss | 64 -- library/scss/forms/elements/_select.scss | 277 --------- .../forms/elements/_select2-dropdown.scss | 209 ------- .../scss/forms/elements/_select2.full.scss | 1 - library/scss/forms/elements/_select2.scss | 226 ------- library/scss/forms/elements/_textarea.scss | 126 ---- library/scss/forms/elements/_timepicker.scss | 38 -- library/scss/globals/_fieldset.scss | 6 - library/scss/polls/_container.scss | 82 --- library/scss/polls/elements/_chart.scss | 106 ---- library/scss/polls/elements/_image.scss | 19 - library/scss/polls/elements/_links.scss | 23 - library/scss/polls/elements/_typography.scss | 28 - library/scss/quizzes/_container.scss | 241 ------- library/scss/quizzes/elements/_answers.scss | 485 --------------- library/scss/quizzes/elements/_questions.scss | 475 -------------- library/scss/quizzes/elements/_results.scss | 342 ---------- 27 files changed, 4572 deletions(-) delete mode 100644 library/scss/forms/_container.scss delete mode 100644 library/scss/forms/_field.scss delete mode 100644 library/scss/forms/elements/_calendar.scss delete mode 100644 library/scss/forms/elements/_checkbox.scss delete mode 100644 library/scss/forms/elements/_file-upload.scss delete mode 100644 library/scss/forms/elements/_intl-plugin.scss delete mode 100644 library/scss/forms/elements/_multiselect.scss delete mode 100644 library/scss/forms/elements/_pagination-progress.scss delete mode 100644 library/scss/forms/elements/_pagination-steps.scss delete mode 100644 library/scss/forms/elements/_pagination.scss delete mode 100644 library/scss/forms/elements/_section.scss delete mode 100644 library/scss/forms/elements/_select.scss delete mode 100644 library/scss/forms/elements/_select2-dropdown.scss delete mode 100644 library/scss/forms/elements/_select2.full.scss delete mode 100644 library/scss/forms/elements/_select2.scss delete mode 100644 library/scss/forms/elements/_textarea.scss delete mode 100644 library/scss/forms/elements/_timepicker.scss delete mode 100644 library/scss/globals/_fieldset.scss delete mode 100644 library/scss/polls/_container.scss delete mode 100644 library/scss/polls/elements/_chart.scss delete mode 100644 library/scss/polls/elements/_image.scss delete mode 100644 library/scss/polls/elements/_links.scss delete mode 100644 library/scss/polls/elements/_typography.scss delete mode 100644 library/scss/quizzes/_container.scss delete mode 100644 library/scss/quizzes/elements/_answers.scss delete mode 100644 library/scss/quizzes/elements/_questions.scss delete mode 100644 library/scss/quizzes/elements/_results.scss diff --git a/library/scss/forms/_container.scss b/library/scss/forms/_container.scss deleted file mode 100644 index c182a333..00000000 --- a/library/scss/forms/_container.scss +++ /dev/null @@ -1,48 +0,0 @@ -@include body-class(custom-form, all, false) { - width: 100%; - margin: $gutter 0; - box-sizing: border-box; - @extend %text-reset; - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } -} - -@include body-class(custom-form, all, true) { - - &.forminator-fields-disabled { - - > .forminator-pagination > *, - > *:not(.forminator-response-message):not(.forminator-pagination) { - @include opacity(0.5); - pointer-events: none; - - * { - pointer-events: none; - } - } - } - - &:first-child { - - @include media(min-width, sm) { - margin-top: 0; - } - } - - &:last-child { - - @include media(min-width, sm) { - margin-bottom: 0; - } - } - - @include media(min-width, sm) { - margin: $gutter 0; - } -} \ No newline at end of file diff --git a/library/scss/forms/_field.scss b/library/scss/forms/_field.scss deleted file mode 100644 index 1828e894..00000000 --- a/library/scss/forms/_field.scss +++ /dev/null @@ -1,13 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-field { - margin: 0; - padding: 0; - border: 0; - - &:focus { - outline: none; - box-shadow: none; - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_calendar.scss b/library/scss/forms/elements/_calendar.scss deleted file mode 100644 index 2374f3e0..00000000 --- a/library/scss/forms/elements/_calendar.scss +++ /dev/null @@ -1,588 +0,0 @@ -.ui-datepicker { - - &.forminator-calendar--default, - &.forminator-calendar--flat, - &.forminator-calendar--bold, - &.forminator-calendar--material { - width: auto; - margin: 0; - padding: 1px 0; - border: 0; - border-radius: 0; - background-color: transparent !important; - - &, * { - box-sizing: border-box; - @extend %text-reset; - } - - &:before { - content: " "; - display: block; - position: absolute; - z-index: 1; - top: 1px; - right: 0; - bottom: 1px; - left: 0; - } - - .ui-datepicker-header { - display: block; - position: relative; - z-index: 1; - padding: 10px; - - .ui-corner-all { - width: map-get($calendar, select-size); - height: map-get($calendar, select-size); - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - top: 11px; - font-size: map-get($calendar, arrows-size); - transition: map-get($transition, ease); - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - text-decoration: none; - } - - .ui-icon { - @extend %screen-readers; - } - - &.ui-datepicker-prev { - right: unset; - left: 10px; - - @include icon(before, chevron-left); - } - - &.ui-datepicker-next { - right: 10px; - left: unset; - - @include icon(before, chevron-right); - } - } - - .ui-datepicker-title { - display: flex; - padding: 0 #{map-get($calendar, select-size) + 10px}; - - select { - height: map-get($calendar, select-size); - cursor: pointer; - flex: 1; - margin: 0 5px; - font-size: 14px; - font-family: inherit; - appearance: none; - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - } - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } - } - - + .ui-datepicker-calendar { - padding-top: 0; - } - } - - .ui-datepicker-calendar { - width: auto; - table-layout: fixed; - position: relative; - z-index: 1; - margin: 0; - padding: 0; - border: 0; - border-spacing: 0; - border-collapse: collapse; - font-family: inherit; - - thead, - tbody { - - tr { - margin: 0; - padding: 0; - border: 0; - - th, td { - margin: 0; - padding: 5px; - border: 0; - text-align: center; - font-family: inherit; - - a, span { - width: map-get($calendar, cell-size); - display: block; - padding: 2px; - border: 0; - border-radius: #{map-get($calendar, cell-size) * 2}; - } - - a { - text-decoration: none; - transition: map-get($calendar, ease); - - &, - &:hover, - &:active, - &:visited { - outline: none; - box-shadow: none; - text-decoration: none; - } - - &, - &:visited { - font-weight: 400; - } - - &:hover, - &:active { - font-weight: 600; - } - } - } - } - } - - thead { - - tr { - - th { - font-size: 12px; - font-weight: 600; - - span { - display: block; - } - } - } - } - - tbody { - - tr { - - td { - font-size: 13px; - - &.ui-state-disabled, - &.ui-datepicker-unselectable { - - a, span { - cursor: not-allowed; - user-select: none; - @include opacity(0.3); - } - - &.ui-datepicker-other-month { - - a, span { - cursor: default; - } - } - } - } - } - } - - + .ui-datepicker-buttonpane { - padding-top: 8px; - } - } - } - - // DESIGN: Default - &.forminator-calendar--default { - - &:before { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - } - - .ui-datepicker-header { - - .ui-corner-all { - border-radius: map-get($border-radius, default); - } - - .ui-datepicker-title { - - select { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - padding: 0 #{10px - map-get($border-width, default)}; - line-height: #{map-get($calendar, select-size) - (map-get($border-width, default) * 2)}; - } - } - } - - .ui-datepicker-calendar { - - thead, - tbody { - - tr { - - th, td { - - &:first-child { - padding-left: #{15px - map-get($border-width, default)}; - } - - &:last-child { - padding-right: #{15px - map-get($border-width, default)}; - } - } - } - } - - thead { - - tr { - - th { - - span { - line-height: 1.4em; - } - } - } - } - - tbody { - - tr { - - td { - - a, span { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - line-height: #{map-get($calendar, cell-size) - (map-get($border-width, default) * 2) - 4px}; - } - } - } - } - - &:last-child { - - thead:last-child, - tbody:last-child { - - tr:last-child { - - th, td { - padding-bottom: #{15px - map-get($border-width, default)}; - } - } - } - } - } - } - - // DESIGN: Flat - &.forminator-calendar--flat { - - .ui-datepicker-header { - - .ui-corner-all { - border-radius: 100%; - } - - .ui-datepicker-title { - - select { - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - padding: 0 #{10px - map-get($border-width, flat)}; - line-height: map-get($calendar, select-size); - } - } - } - - .ui-datepicker-calendar { - - thead, - tbody { - - tr { - - th, td { - - &:first-child { - padding-left: #{15px - map-get($border-width, flat)}; - } - - &:last-child { - padding-right: #{15px - map-get($border-width, flat)}; - } - } - } - } - - thead { - - tr { - - th { - - span { - line-height: 1.4em; - } - } - } - } - - tbody { - - tr { - - td { - - a, span { - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - line-height: #{map-get($calendar, cell-size) - (map-get($border-width, flat) * 2) - 4px}; - } - } - } - } - - &:last-child { - - thead:last-child, - tbody:last-child { - - tr:last-child { - - th, td { - padding-bottom: #{15px - map-get($border-width, flat)}; - } - } - } - } - } - } - - // DESIGN: Bold - &.forminator-calendar--bold { - - &:before { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } - - .ui-datepicker-header { - - .ui-corner-all { - border-radius: map-get($border-radius, bold); - } - - .ui-datepicker-title { - - select { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - padding: 0 #{10px - map-get($border-width, bold)}; - line-height: #{map-get($calendar, select-size) - (map-get($border-width, bold) * 2)}; - } - } - } - - .ui-datepicker-calendar { - - thead, - tbody { - - tr { - - th, td { - - &:first-child { - padding-left: #{15px - map-get($border-width, bold)}; - } - - &:last-child { - padding-right: #{15px - map-get($border-width, bold)}; - } - } - } - } - - thead { - - tr { - - th { - - span { - line-height: 1.4em; - } - } - } - } - - tbody { - - tr { - - td { - - a, span { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - line-height: #{map-get($calendar, cell-size) - (map-get($border-width, bold) * 2) - 4px}; - } - } - } - } - - &:last-child { - - thead:last-child, - tbody:last-child { - - tr:last-child { - - th, td { - padding-bottom: #{15px - map-get($border-width, bold)}; - } - } - } - } - } - } - - // DESIGN: Material - &.forminator-calendar--material { - - &:before { - border-width: 0; - border-style: none; - border-radius: map-get($border-radius, material); - } - - .ui-datepicker-header { - - .ui-corner-all { - border-radius: 0; - background-color: transparent; - } - - .ui-datepicker-title { - - select { - border-width: 0; - border-style: none; - border-radius: 0; - padding: 0 10px; - line-height: map-get($calendar, select-size); - } - } - - + .ui-datepicker-calendar { - margin-top: 10px; - } - } - - .ui-datepicker-calendar { - - thead, - tbody { - - tr { - - th, td { - - &:first-child { - padding-left: #{15px - map-get($border-width, material)}; - } - - &:last-child { - padding-right: #{15px - map-get($border-width, material)}; - } - } - } - } - - thead { - - tr { - - th { - - span { - line-height: 1.4em; - } - } - } - } - - tbody { - - tr { - - td { - - a, span { - border-width: map-get($border-width, material); - border-style: map-get($border-style, material); - border-radius: 100%; - line-height: #{map-get($calendar, cell-size) - (map-get($border-width, material) * 2) - 4px}; - } - } - } - } - - &:last-child { - - thead:last-child, - tbody:last-child { - - tr:last-child { - - th, td { - padding-bottom: #{15px - map-get($border-width, material)}; - } - } - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_checkbox.scss b/library/scss/forms/elements/_checkbox.scss deleted file mode 100644 index 469487b9..00000000 --- a/library/scss/forms/elements/_checkbox.scss +++ /dev/null @@ -1,169 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-checkbox { - cursor: default; - pointer-events: none; - display: flex; - position: relative; - margin: 5px 0; - - input { - @extend %screen-readers; - - &:checked { - - + span[aria-hidden]:before { - @include opacity(1); - } - } - } - - span { - cursor: pointer; - pointer-events: all; - display: block; - } - - span[aria-hidden] { - width: map-get($checkbox, size); - height: map-get($checkbox, size); - flex: 0 0 map-get($checkbox, size); - position: relative; - - @include icon(before, check) { - @include opacity(0); - display: block; - position: absolute; - top: 50%; - left: 50%; - color: map-get($icon, color); - font-size: map-get($checkbox, icon); - transform: translate(-50%, -50%); - transition: map-get($transition, ease); - } - - + span { - margin-left: 10px; - } - } - - span:not([aria-hidden]) { - flex: 0 1 auto; - line-height: 20px; - } - - // VARIATION: Inline - &.forminator-checkbox-inline { - display: inline-flex; - vertical-align: middle; - margin-right: 20px; - margin-bottom: 0; - - &:last-of-type { - margin-right: 0; - } - } - - // VARIATION: Stacked - &:not(.forminator-checkbox-inline) { - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-checkbox { - - span[aria-hidden] { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-checkbox { - - span[aria-hidden] { - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-checkbox { - - span[aria-hidden] { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-checkbox { - - input { - - &:checked { - - + span[aria-hidden]:after { - @include opacity(1); - } - - &:focus { - - + span[aria-hidden]:after { - animation-name: click-animation; - } - } - } - } - - span[aria-hidden] { - position: relative; - border-width: #{map-get($border-width, material) * 2}; - border-style: map-get($border-style, material); - border-radius: map-get($border-radius, material); - - &:after { - content: " "; - @include opacity(0); - width: map-get($checkbox, size); - height: map-get($checkbox, size); - position: absolute; - top: 50%; - left: 50%; - border-radius: 100%; - transform: translate(-50%, -50%) scale(0); - transform-origin: center; - transform-style: preserve-3d; - animation-duration: 0.6s; - animation-fill-mode: both; - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_file-upload.scss b/library/scss/forms/elements/_file-upload.scss deleted file mode 100644 index 1cee154c..00000000 --- a/library/scss/forms/elements/_file-upload.scss +++ /dev/null @@ -1,130 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-file-upload { - display: flex; - align-items: center; - - input[type="file"] { - @extend %screen-readers; - } - - > span { - overflow: hidden; - display: block; - flex: 0 1 auto; - @extend %text-truncate; - - &:not(:last-child) { - margin-right: 10px; - } - } - } - - .forminator-button-delete { - cursor: pointer; - margin: 0; - padding: 0; - border: 0; - display: flex; - flex: 0 0 auto; - align-items: center; - justify-content: center; - font-size: map-get($button, icon-size); - - [class*=forminator-icon-] { - display: block; - - &:before { - display: block; - color: inherit; - } - } - } -} - -@include body-class(custom-form, all, true) { - - .forminator-col-3, - .forminator-col-4 { - - .forminator-file-upload { - - .forminator-button-upload { - - @include media(min-width, sm) { - flex: 0 0 100%; - } - } - - > span { - - &:not(:last-child) { - - @include media(min-width, sm) { - margin-right: 0; - } - } - - @include media(min-width, sm) { - flex: 1; - margin-top: 10px; - } - } - - .forminator-button-delete { - - @include media(min-width, sm) { - margin-top: 10px; - } - } - - @include media(min-width, sm) { - flex-wrap: wrap; - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-button-delete { - width: 30px; - height: 30px; - border-radius: map-get($border-radius, default); - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-button-delete { - width: 20px; - height: 20px; - border-radius: 100%; - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-button-delete { - width: 30px; - height: 30px; - border-radius: 100%; - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-button-delete { - width: 30px; - height: 30px; - border-radius: #{map-get($border-radius, material) * 2}; - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_intl-plugin.scss b/library/scss/forms/elements/_intl-plugin.scss deleted file mode 100644 index 11e8aa68..00000000 --- a/library/scss/forms/elements/_intl-plugin.scss +++ /dev/null @@ -1,141 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-phone { - display: block; - - .flag-container { - - .selected-flag { - width: auto; - display: flex; - align-items: center; - margin: 0; - padding: 0 map-get($input, padding); - - .iti-flag { - display: block; - position: relative; - top: auto; - bottom: auto; - margin: 0; - padding: 0; - - + .iti-arrow { - margin-left: #{map-get($input, padding) / 2}; - } - } - - .iti-arrow { - display: block; - position: relative; - top: auto; - right: auto; - margin: 0; - } - - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - } - } - - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - } - } - - &:not(.allow-dropdown) { - - .flag-container { - pointer-events: none; - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-phone { - - .flag-container { - padding: map-get($border-width, default); - } - - &.allow-dropdown { - - .forminator-input { - padding-left: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, default))}; - } - } - - &:not(.allow-dropdown) { - - .forminator-input { - padding-right: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, default))}; - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-phone { - - .flag-container { - padding: map-get($border-width, flat); - } - - &.allow-dropdown { - - .forminator-input { - padding-left: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, flat))}; - } - } - - &:not(.allow-dropdown) { - - .forminator-input { - padding-right: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, flat))}; - } - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-phone { - - .flag-container { - padding: map-get($border-width, bold); - } - - &.allow-dropdown { - - .forminator-input { - padding-left: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, bold))}; - } - } - - &:not(.allow-dropdown) { - - .forminator-input { - padding-right: #{($int-flag-size + (map-get($input, padding) * 2)) + (map-get($input, padding) + map-get($border-width, bold))}; - } - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) {} \ No newline at end of file diff --git a/library/scss/forms/elements/_multiselect.scss b/library/scss/forms/elements/_multiselect.scss deleted file mode 100644 index 94473949..00000000 --- a/library/scss/forms/elements/_multiselect.scss +++ /dev/null @@ -1,116 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-multiselect { - width: 100%; - display: block; - - .forminator-option { - cursor: pointer; - display: block; - line-height: map-get($dropdown, line-height); - transition: map-get($transition, ease); - - input { - @extend %screen-readers; - } - } - } -} - -// ============================================= -// DESIGN: All except material -@include body-class(custom-form, default flat bold, false) { - - .forminator-multiselect { - height: auto; - max-height: map-get($dropdown, max-height); - overflow-x: hidden; - overflow-y: auto; - - .forminator-option { - margin: #{map-get($dropdown, padding) / 2} 0; - padding: map-get($dropdown, padding); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-multiselect { - padding: #{(map-get($dropdown, padding) / 2) - map-get($border-width, default)}; - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - - .forminator-option { - - &:first-child { - border-top-right-radius: map-get($border-radius, default); - border-top-left-radius: map-get($border-radius, default); - } - - &:last-child { - border-bottom-right-radius: map-get($border-radius, default); - border-bottom-left-radius: map-get($border-radius, default); - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-multiselect { - padding: #{map-get($dropdown, padding) / 2}; - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-multiselect { - padding: #{map-get($dropdown, padding) / 2}; - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-multiselect { - - .forminator-option { - margin: #{map-get($dropdown, padding) / 2} 0; - padding: #{map-get($dropdown, padding) - (map-get($border-width, material) * 2)}; - border-width: #{map-get($border-width, material) * 2}; - border-style: map-get($border-style, material); - border-radius: map-get($border-radius, material); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_pagination-progress.scss b/library/scss/forms/elements/_pagination-progress.scss deleted file mode 100644 index 6e7d097c..00000000 --- a/library/scss/forms/elements/_pagination-progress.scss +++ /dev/null @@ -1,114 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-pagination-progress { - display: flex; - align-items: center; - margin: 0 0 $gutter-sm; - - .forminator-progress-label { - display: block; - flex: 0 0 auto; - line-height: 2.2em; - - + .forminator-progress-bar { - margin-left: #{$gutter-sm / 2}; - } - } - - .forminator-progress-bar { - overflow: hidden; - display: block; - flex: 1; - position: relative; - - span { - display: block; - } - } - } -} - -@include body-class(custom-form, all, true) { - - .forminator-pagination-progress { - - .forminator-progress-label { - - + .forminator-progress-bar { - - @include media(min-width, sm) { - margin-left: #{$gutter / 2}; - } - } - } - - @include media(min-width, sm) { - margin-bottom: $gutter; - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-pagination-progress { - - .forminator-progress-bar { - height: map-get($pagination-bar, default); - border-radius: map-get($pagination-bar, default); - - span { - height: map-get($pagination-bar, default); - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-pagination-progress { - - .forminator-progress-bar { - height: map-get($pagination-bar, flat); - - span { - height: map-get($pagination-bar, flat); - } - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-pagination-progress { - - .forminator-progress-bar { - height: map-get($pagination-bar, bold); - - span { - height: map-get($pagination-bar, bold); - } - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-pagination-progress { - - .forminator-progress-bar { - height: map-get($pagination-bar, material); - - span { - height: map-get($pagination-bar, material); - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_pagination-steps.scss b/library/scss/forms/elements/_pagination-steps.scss deleted file mode 100644 index 4844336e..00000000 --- a/library/scss/forms/elements/_pagination-steps.scss +++ /dev/null @@ -1,426 +0,0 @@ -// ============================================= -// DESIGN: All except material -@include body-class(custom-form, default flat bold, false) { - - .forminator-pagination-steps { - display: block; - margin: 0 0 $gutter-sm; - - .forminator-break { - display: block; - position: relative; - z-index: 0; - - &:before { - content: " "; - height: 100%; - display: block; - position: absolute; - top: 0; - transition: map-get($transition, linear); - } - - &:first-child, - &:last-child { - display: none; - } - } - - .forminator-step { - display: flex; - flex-direction: row-reverse; - justify-content: flex-end; - align-items: center; - - .forminator-step-label { - overflow: hidden; - display: block; - flex: 1; - line-height: 1.6em; - text-overflow: ellipsis; - white-space: nowrap; - - + .forminator-step-dot { - margin-right: 5px; - } - } - - .forminator-step-dot { - display: block; - } - - &.forminator-current { - - ~ .forminator-break { - - &:before { - height: 0; - } - } - } - } - } -} - -@include body-class(custom-form, default flat bold, true) { - - .forminator-pagination-steps { - - .forminator-break { - - &:before { - - @include media(min-width, sm) { - width: 100%; - left: 0; - } - } - - &:first-child, - &:last-child { - - @include media(min-width, sm) { - display: block; - } - } - - @include media(min-width, sm) { - width: auto; - flex: 1; - } - } - - .forminator-step { - - .forminator-step-label { - - + .forminator-step-dot { - - @include media(min-width, sm) { - margin-top: 5px; - margin-right: 0; - } - } - - @include media(min-width, sm) { - overflow: unset; - text-align: center; - text-overflow: unset; - white-space: normal; - } - } - - &.forminator-current { - - ~ .forminator-break { - - &:before { - - @include media(min-width, sm) { - width: 0; - } - } - } - } - - @include media(min-width, sm) { - flex: 0 0 auto; - flex-direction: column; - justify-content: unset; - } - } - - @include media(min-width, sm) { - display: flex; - flex-direction: row; - align-items: flex-end; - margin-bottom: $gutter; - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-pagination-steps { - - .forminator-break { - width: map-get($border-width, default); - height: #{map-get($pagination-dot, default) * 2}; - margin: 0 #{(map-get($pagination-dot, default) - map-get($border-width, default)) / 2}; - - &:before { - width: #{map-get($border-width, default) * 3}; - left: -#{map-get($border-width, default)}; - } - } - - .forminator-step { - height: map-get($pagination-dot, default); - - .forminator-step-dot { - width: map-get($pagination-dot, default); - height: map-get($pagination-dot, default); - flex: 0 0 map-get($pagination-dot, default); - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: #{map-get($pagination-dot, default) * 2}; - } - } - } -} - -@include body-class(custom-form, default, true) { - - .forminator-pagination-steps { - - .forminator-break { - - &:before { - - @include media(min-width, sm) { - height: #{map-get($border-width, default) * 3}; - top: -#{map-get($border-width, default)}; - } - } - - @include media(min-width, sm) { - height: map-get($border-width, default); - margin: #{(map-get($pagination-dot, default) - map-get($border-width, default)) / 2} 0; - } - } - - .forminator-step { - - @include media(min-width, sm) { - width: map-get($pagination-dot, default); - height: auto; - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-pagination-steps { - - .forminator-break { - width: 1px; - height: #{map-get($pagination-dot, flat) * 2}; - margin: 0 #{map-get($pagination-dot, flat) / 2}; - - &:before { - width: 3px; - left: -1px; - } - } - - .forminator-step { - height: map-get($pagination-dot, flat); - - .forminator-step-dot { - width: map-get($pagination-dot, flat); - height: map-get($pagination-dot, flat); - flex: 0 0 map-get($pagination-dot, flat); - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: #{map-get($pagination-dot, flat) * 2}; - transform: scale(1.3); - transform-origin: center; - transition: map-get($transition, linear); - } - - &.forminator-current { - - ~ .forminator-step { - - .forminator-step-dot { - transform: scale(1); - } - } - } - } - } -} - -@include body-class(custom-form, flat, true) { - - .forminator-pagination-steps { - - .forminator-break { - - &:before { - - @include media(min-width, sm) { - height: 3px; - top: -1px; - } - } - - @include media(min-width, sm) { - height: 1px; - margin: #{map-get($pagination-dot, flat) / 2} 0; - } - } - - .forminator-step { - - @include media(min-width, sm) { - width: map-get($pagination-dot, flat); - height: auto; - } - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-pagination-steps { - - .forminator-break { - width: map-get($border-width, bold); - height: #{map-get($pagination-dot, bold) * 2}; - margin: 0 #{(map-get($pagination-dot, bold) - map-get($border-width, bold)) / 2}; - - &:before { - content: unset; - } - } - - .forminator-step { - height: map-get($pagination-dot, bold); - - .forminator-step-dot { - width: map-get($pagination-dot, bold); - height: map-get($pagination-dot, bold); - flex: 0 0 map-get($pagination-dot, bold); - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: #{map-get($pagination-dot, bold) * 2}; - } - } - } -} - -@include body-class(custom-form, bold, true) { - - .forminator-pagination-steps { - - .forminator-break { - - @include media(min-width, sm) { - height: map-get($border-width, bold); - margin: #{(map-get($pagination-dot, bold) - map-get($border-width, bold)) / 2} 0; - } - } - - .forminator-step { - - @include media(min-width, sm) { - width: map-get($pagination-dot, bold); - height: auto; - } - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-pagination-steps { - counter-reset: pagination-steps; - margin: 0 0 $gutter-sm; - - .forminator-break { - width: map-get($border-width, material); - height: map-get($pagination-dot, material); - margin: 0 #{(map-get($pagination-dot, material) - map-get($border-width, material)) / 2}; - - &:first-child, - &:last-child { - display: none; - } - } - - .forminator-step { - height: map-get($pagination-dot, material); - display: flex; - flex-direction: row-reverse; - justify-content: flex-end; - align-items: center; - - .forminator-step-label { - overflow: hidden; - display: block; - flex: 1; - line-height: 1.6em; - text-overflow: ellipsis; - white-space: nowrap; - - + .forminator-step-dot { - margin-right: 5px; - } - } - - .forminator-step-dot { - width: map-get($pagination-dot, material); - height: map-get($pagination-dot, material); - border-radius: #{map-get($pagination-dot, material) * 2}; - - &:before { - display: block; - content: counter(pagination-steps); - counter-increment: pagination-steps; - line-height: map-get($pagination-dot, material); - text-align: center; - } - } - } - } -} - -@include body-class(custom-form, material, true) { - - .forminator-pagination-steps { - - .forminator-break { - - @include media(min-width, sm) { - width: auto; - min-width: map-get($pagination-dot, material); - height: map-get($border-width, material); - flex: 1; - margin: 0 #{$gutter / 2}; - } - } - - .forminator-step { - - .forminator-step-label { - - @include media(min-width, sm) { - overflow: unset; - text-overflow: unset; - white-space: normal; - } - } - - @include media(min-width, sm) { - height: auto; - flex: 0 1 auto; - } - } - - @include media(min-width, sm) { - display: flex; - align-items: center; - margin-bottom: $gutter; - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_pagination.scss b/library/scss/forms/elements/_pagination.scss deleted file mode 100644 index d0351cf2..00000000 --- a/library/scss/forms/elements/_pagination.scss +++ /dev/null @@ -1,79 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-pagination-content { - display: block; - - &, li { - margin: 0; - padding: 0; - border: 0; - list-style: none; - - &:before, - &:after { - content: unset; - } - } - - li { - display: none; - visibility: hidden; - - &:focus { - outline: none; - box-shadow: none; - } - - &.forminator-current { - display: block; - visibility: visible; - } - } - } - - .forminator-pagination-footer { - display: block; - margin: $gutter-sm 0 0; - - .forminator-button { - width: 100%; - display: block; - margin-right: 0; - margin-bottom: $gutter-sm; - - &:last-child { - margin-bottom: 0; - } - } - } -} - -@include body-class(custom-form, all, true) { - - .forminator-pagination-footer { - - .forminator-button { - - &:last-child { - - @include media(min-width, sm) { - margin-right: 0; - } - } - - @include media(min-width, sm) { - width: auto; - flex: 0 0 auto; - margin-right: #{$gutter / 2}; - margin-bottom: 0; - } - } - - @include media(min-width, sm) { - display: flex; - align-items: center; - justify-content: space-between; - margin: $gutter 0 0; - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_section.scss b/library/scss/forms/elements/_section.scss deleted file mode 100644 index c56d9db7..00000000 --- a/library/scss/forms/elements/_section.scss +++ /dev/null @@ -1,64 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-title, - .forminator-subtitle { - display: block; - margin: 0; - padding: 0; - border: 0; - - &:before, - &:after { - content: unset; - display: none; - } - } - - .forminator-title { - line-height: 1em; - - + .forminator-subtitle { - margin-top: 10px; - } - } - - .forminator-subtitle { - line-height: 1.4em; - } - - .forminator-border { - width: 100%; - min-width: 100%; - max-width: 100%; - height: 0; - min-height: unset; - max-height: unset; - display: block; - margin: $gutter-sm 0 0; - padding: 0; - border: 0; - background-image: unset; - background-color: transparent; - - &:first-child { - margin-top: 0; - } - } -} - -@include body-class(custom-form, all, true) { - - .forminator-border { - - &:first-child { - - @include media(min-width, sm) { - margin-top: 0; - } - } - - @include media(min-width, sm) { - margin-top: $gutter; - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_select.scss b/library/scss/forms/elements/_select.scss deleted file mode 100644 index e0f25f13..00000000 --- a/library/scss/forms/elements/_select.scss +++ /dev/null @@ -1,277 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-select-container { - display: block; - margin: 0; - - .forminator-select-list { - position: relative; - display: block; - - .forminator-value { - cursor: pointer; - display: block; - line-height: $select--line-height; - @extend %text-truncate; - transition: $transition--ease; - } - - .forminator-dropdown-handle { - width: $select--handle-size; - height: $select--handle-size; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - top: 50%; - transform: translateY(-50%); - - [class*="forminator-icon-"] { - display: block; - font-size: $select--handle-icon; - transition: $transition--linear; - - &:before { - display: block; - color: inherit; - } - } - } - - .forminator-dropdown-list { - width: 100%; - max-height: $dropdown--height; - overflow-x: hidden; - overflow-y: auto; - display: none; - position: absolute; - z-index: 10; - top: 100%; - left: 0; - padding: #{$dropdown--padding / 2} 0; - - &, li { - list-style: none; - } - - li { - cursor: pointer; - display: block; - margin: 0; - border: 0; - line-height: $dropdown--line-height; - transition: $transition--ease; - } - } - } - - // STATUS: Open - &.forminator-is_open { - - .forminator-select-list { - - .forminator-dropdown-handle { - - [class*="forminator-icon-"] { - transform: rotate(180deg); - } - } - - .forminator-dropdown-list { - display: block; - } - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-select-container { - - .forminator-select-list { - - .forminator-value { - padding-top: #{($select--height - ($select--line-height + ($default--border-width * 2))) / 2}; - padding-right: #{$select--padding + $select--handle-size + ($select--padding - $default--border-width)}; - padding-bottom: #{($select--height - ($select--line-height + ($default--border-width * 2))) / 2}; - padding-left: #{$select--padding - $default--border-width}; - border-width: $default--border-width; - border-style: $default--border-style; - border-radius: $default--border-radius; - } - - .forminator-dropdown-handle { - right: $select--padding; - } - - .forminator-dropdown-list { - margin: -#{$default--border-width} 0 0; - border-width: 0 $default--border-width $default--border-width $default--border-width; - border-style: $default--border-style; - border-bottom-right-radius: $default--border-radius; - border-bottom-left-radius: $default--border-radius; - - li { - padding: $dropdown--padding #{$dropdown--padding - ($default--border-width * 2)}; - } - } - } - - &.forminator-is_open { - - .forminator-select-list { - - .forminator-value { - border-bottom-color: transparent !important; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-select-container { - - .forminator-select-list { - - .forminator-value { - padding: $select--padding #{$select--handle-size + ($select--padding * 2)} $select--padding $select--padding; - border: 0; - border-radius: 0; - } - - .forminator-dropdown-handle { - right: $select--padding; - } - - .forminator-dropdown-list { - margin: 2px 0 0; - - li { - padding: $dropdown--padding; - } - } - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-select-container { - - .forminator-select-list { - - .forminator-value { - padding-top: #{($select--height - ($select--line-height + ($bold--border-width * 2))) / 2}; - padding-right: #{$select--padding + $select--handle-size + ($select--padding - $bold--border-width)}; - padding-bottom: #{($select--height - ($select--line-height + ($bold--border-width * 2))) / 2}; - padding-left: #{$select--padding - $bold--border-width}; - border-width: $bold--border-width; - border-style: $bold--border-style; - border-radius: 0; - } - - .forminator-dropdown-handle { - right: $select--padding; - } - - .forminator-dropdown-list { - margin: -#{$bold--border-width} 0 0; - border-width: 0 $bold--border-width $bold--border-width $bold--border-width; - border-style: $bold--border-style; - - li { - padding: $dropdown--padding #{$dropdown--padding - ($bold--border-width * 2)}; - } - } - } - - &.forminator-is_open { - - .forminator-select-list { - - .forminator-value { - border-bottom-color: transparent !important; - } - } - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-select-container { - - .forminator-select-list { - - .forminator-value { - position: relative; - padding-top: $select--padding; - padding-right: #{$select--padding + $select--handle-size}; - padding-bottom: $select--padding; - padding-left: 0; - border-width: 0; - border-style: none; - border-radius: 0; - box-shadow: inset 0 -#{$material--border-width} 0 0 transparent; - line-height: 1.3em; - - &:before { - content: " "; - height: 2px; - display: block; - position: absolute; - z-index: 1; - right: 50%; - bottom: 0; - left: 50%; - box-sizing: border-box; - transition: 0.2s linear; - } - } - - .forminator-dropdown-handle { - right: 0; - } - - .forminator-dropdown-list { - margin: 4px 0 0; - border: 0; - border-radius: 0; - box-shadow: $material--dropdown-shadow; - - li { - padding: $dropdown--padding #{$dropdown--padding - ($default--border-width * 2)}; - } - } - } - } - - .forminator-is_hover, - .forminator-is_active { - - .forminator-select-container { - - .forminator-select-list { - - .forminator-value:before { - right: 0; - left: 0; - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_select2-dropdown.scss b/library/scss/forms/elements/_select2-dropdown.scss deleted file mode 100644 index cf47821f..00000000 --- a/library/scss/forms/elements/_select2-dropdown.scss +++ /dev/null @@ -1,209 +0,0 @@ -.select2-container { - - [class*="forminator-dropdown-"] { - - .select2-search { - - input { - line-height: $input--line-height; - transition: $transition--ease; - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - } - } - } - - .select2-results { - - .select2-results__options { - max-height: $dropdown--height; - padding: #{$dropdown--padding / 2} 0; - - .select2-results__option { - line-height: $dropdown--line-height; - transition: $transition--ease; - } - } - } - } - - // DESIGN: Default - .forminator-dropdown--default { - border-style: $default--border-style; - - .select2-search { - - input { - padding: #{$input--padding - $default--border-width}; - border-width: $default--border-width; - border-style: $default--border-style; - border-radius: $default--border-radius; - } - } - - .select2-results { - - .select2-results__options { - - .select2-results__option { - padding: $dropdown--padding #{$dropdown--padding - ($default--border-width * 2)}; - } - } - } - - // POSITION: Top - &.select2-dropdown--above { - margin-top: #{$default--border-width}; - border-width: $default--border-width $default--border-width 0 $default--border-width; - border-radius: $default--border-radius $default--border-radius 0 0; - - .select2-search { - padding: #{$dropdown--padding - $default--border-width}; - } - } - - // POSITION: Bottom - &.select2-dropdown--below { - margin-top: -#{$default--border-width}; - border-width: 0 $default--border-width $default--border-width $default--border-width; - border-radius: 0 0 $default--border-radius $default--border-radius; - - .select2-search { - padding: 0 #{$dropdown--padding - $default--border-width} #{$dropdown--padding - $default--border-width}; - } - } - } - - // DESIGN: Flat - .forminator-dropdown--flat { - border-width: 0; - border-style: none; - border-radius: 0; - - .select2-search { - padding: $dropdown--padding; - - input { - padding: $input--padding; - border-width: 0; - border-style: none; - border-radius: 0; - line-height: $input--line-height; - } - } - - .select2-results { - - .select2-results__options { - - .select2-results__option { - padding: $dropdown--padding; - } - } - } - - // POSITION: Top - &.select2-dropdown--above { - margin-top: -2px; - } - - // POSITION: Bottom - &.select2-dropdown--below { - margin-top: 2px; - } - } - - // DESIGN: Bold - .forminator-dropdown--bold { - border-right-width: $bold--border-width; - border-left-width: $bold--border-width; - border-style: $bold--border-style; - border-radius: 0; - - .select2-search { - padding: 0 #{$dropdown--padding - $bold--border-width} #{$dropdown--padding - $bold--border-width}; - - input { - padding: #{$input--padding - $bold--border-width}; - border-width: $bold--border-width; - border-style: $bold--border-style; - border-radius: 0; - } - } - - .select2-results { - - .select2-results__options { - - .select2-results__option { - padding: $dropdown--padding #{$dropdown--padding - ($bold--border-width * 2)}; - } - } - } - - // POSITION: Top - &.select2-dropdown--above { - margin-top: #{$bold--border-width}; - border-top-width: $bold--border-width; - border-bottom-width: 0; - - .select2-search { - padding: #{$dropdown--padding - $bold--border-width}; - } - } - - // POSITION: Bottom - &.select2-dropdown--below { - margin-top: -#{$bold--border-width}; - border-top-width: 0; - border-bottom-width: $bold--border-width; - - .select2-search { - padding: 0 #{$dropdown--padding - $bold--border-width} #{$dropdown--padding - $bold--border-width}; - } - } - } - - // DESIGN: Material - .forminator-dropdown--material { - border: 0; - border-radius: 0; - box-shadow: $material--dropdown-shadow; - - .select2-search { - padding: $dropdown--padding; - - input { - padding: $input--padding; - border-width: 0; - border-style: none; - border-radius: 0; - } - } - - .select2-results { - - .select2-results__options { - - .select2-results__option { - padding: $dropdown--padding #{$dropdown--padding - ($default--border-width * 2)}; - } - } - } - - // POSITION: Top - &.select2-dropdown--above { - margin-bottom: 4px; - } - - // POSITION: Bottom - &.select2-dropdown--below { - margin-top: 4px; - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_select2.full.scss b/library/scss/forms/elements/_select2.full.scss deleted file mode 100644 index 17438325..00000000 --- a/library/scss/forms/elements/_select2.full.scss +++ /dev/null @@ -1 +0,0 @@ -.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} \ No newline at end of file diff --git a/library/scss/forms/elements/_select2.scss b/library/scss/forms/elements/_select2.scss deleted file mode 100644 index 64de1168..00000000 --- a/library/scss/forms/elements/_select2.scss +++ /dev/null @@ -1,226 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-select2 { - display: none; - visibility: hidden; - - + .select2-container { - width: 100% !important; - display: block; - - &, * { - outline: none; - } - - .selection { - cursor: pointer; - display: block; - - .select2-selection { - display: flex; - transition: $transition--ease; - - .select2-selection__rendered { - display: block; - flex: 1; - margin-right: $select--padding; - padding-right: 0; - padding-left: 0; - line-height: $select--line-height; - } - - .select2-selection__arrow { - width: $select--handle-size; - height: $select--handle-size; - display: flex; - flex: 0 0 $select--handle-size; - align-items: center; - justify-content: center; - position: unset; - top: auto; - right: auto; - - @include icon(before, chevron-down) { - display: block; - font-size: $select--handle-icon; - transition: $transition--linear; - } - - b { - display: none; - } - } - } - } - - &--default { - - .select2-selection--single { - height: auto; - } - } - - // STATUS: Open - &--open { - - .selection { - - .select2-selection { - - .select2-selection__arrow:before { - transform: rotate(180deg); - } - } - } - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-select2 { - - + .select2-container--default { - - .select2-selection--single { - padding-top: #{($select--height - ($select--line-height + ($default--border-width * 2))) / 2}; - padding-right: #{$select--padding - $default--border-width}; - padding-bottom: #{($select--height - ($select--line-height + ($default--border-width * 2))) / 2}; - padding-left: #{$select--padding - $default--border-width}; - border-width: $default--border-width; - border-style: $default--border-style; - border-radius: $default--border-radius; - } - - &.select2-container--open { - - // POSITION: Top - &.select2-container--above { - - .select2-selection--single { - border-top-color: transparent !important; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - } - - // POSITION: Bottom - &.select2-container--below { - - .select2-selection--single { - border-bottom-color: transparent !important; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - } - } - } - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-select2 { - - + .select2-container--default { - - .select2-selection--single { - padding: $select--padding; - border-width: 0; - border-style: none; - border-radius: 0; - } - } - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-select2 { - - + .select2-container--default { - - .select2-selection--single { - padding-top: #{($select--height - ($select--line-height + ($bold--border-width * 2))) / 2}; - padding-right: #{$select--padding - $bold--border-width}; - padding-bottom: #{($select--height - ($select--line-height + ($bold--border-width * 2))) / 2}; - padding-left: #{$select--padding - $bold--border-width}; - border-width: $bold--border-width; - border-style: $bold--border-style; - border-radius: 0; - } - - &.select2-container--open { - - // POSITION: Top - &.select2-container--above { - - .select2-selection--single { - border-top-color: transparent !important; - } - } - - // POSITION: Bottom - &.select2-container--below { - - .select2-selection--single { - border-bottom-color: transparent !important; - } - } - } - } - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-select2 { - - + .select2-container--default { - - &, * { - background-color: transparent; - } - - .select2-selection--single { - padding-top: $select--padding; - padding-right: 0; - padding-bottom: #{$select--padding - $material--border-width}; - padding-left: 0; - border-width: 0 0 $material--border-width 0; - border-style: $material--border-style; - border-radius: 0; - - &:before { - content: " "; - height: 2px; - display: block; - position: absolute; - right: 50%; - bottom: 0; - left: 50%; - box-sizing: border-box; - transition: 0.2s linear; - } - } - - &:hover, - &.select2-container--open { - - .select2-selection--single:before { - right: 0; - left: 0; - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_textarea.scss b/library/scss/forms/elements/_textarea.scss deleted file mode 100644 index d5ec9cf6..00000000 --- a/library/scss/forms/elements/_textarea.scss +++ /dev/null @@ -1,126 +0,0 @@ -@include body-class(custom-form, all, false) { - - .forminator-textarea { - width: 100%; - min-height: $textarea--height; - resize: vertical; - display: block; - margin: 0; - padding: 0; - background-image: unset; - line-height: $textarea--line-height; - transition: $transition--ease; - - &, - &:hover, - &:focus, - &:active, - &:disabled { - outline: none; - box-shadow: none; - } - - &:disabled { - pointer-events: none; - border-style: dotted; - - &:-moz-placeholder { - @include opacity(0.4); - } - - &::-moz-placeholder { - @include opacity(0.4); - } - - &:-ms-input-placeholder { - @include opacity(0.4); - } - - &::-webkit-input-placeholder { - @include opacity(0.4); - } - } - } -} - -// ============================================= -// DESIGN: Default -@include body-class(custom-form, default, false) { - - .forminator-textarea { - padding: #{$textarea--padding - $default--border-width}; - border-width: $default--border-width; - border-style: $default--border-style; - border-radius: $default--border-radius; - } -} - -// ============================================= -// DESIGN: Flat -@include body-class(custom-form, flat, false) { - - .forminator-textarea { - padding: $textarea--padding; - border: 0; - border-radius: 0; - } -} - -// ============================================= -// DESIGN: Bold -@include body-class(custom-form, bold, false) { - - .forminator-textarea { - padding: #{$textarea--padding - $bold--border-width}; - border-width: $bold--border-width; - border-style: $bold--border-style; - border-radius: 0; - } -} - -// ============================================= -// DESIGN: Material -@include body-class(custom-form, material, false) { - - .forminator-textarea { - padding: 0 #{$input--padding - $material--border-width} #{$input--padding - $material--border-width}; - border-width: $material--border-width; - border-style: $material--border-style; - border-radius: $material--border-radius; - line-height: 20px; - } - - .forminator-textarea--wrap { - position: relative; - - &:after { - content: " "; - width: 100%; - height: 100%; - user-select: none; - pointer-events: none; - position: absolute; - z-index: 1; - top: 0; - left: 0; - border-width: #{$material--border-width * 2}; - border-style: $material--border-style; - border-radius: $material--border-radius; - box-sizing: border-box; - @include opacity(0); - transition: $transition--ease; - } - } - - .forminator-field { - - &.forminator-is_hover, - &.forminator-is_active, - &.forminator-has_error { - - .forminator-textarea--wrap:after { - @include opacity(1); - } - } - } -} \ No newline at end of file diff --git a/library/scss/forms/elements/_timepicker.scss b/library/scss/forms/elements/_timepicker.scss deleted file mode 100644 index 9f5f230a..00000000 --- a/library/scss/forms/elements/_timepicker.scss +++ /dev/null @@ -1,38 +0,0 @@ -@include body-class(custom-form, all, false) {} - -@include body-class(custom-form, all, true) { - - .forminator-timepicker { - - .forminator-row { - - @include media(min-width, sm) { - align-items: flex-end; - } - } - } - - .forminator-col { - - &:not(.forminator-col-3):not(.forminator-col-4) { - - .forminator-timepicker, - .forminator-date-input { - - .forminator-error-message { - - @include media(min-width, sm) { - display: none; - } - } - - ~ .forminator-error-message { - - @include media(min-width, sm) { - display: block; - } - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/globals/_fieldset.scss b/library/scss/globals/_fieldset.scss deleted file mode 100644 index 6b6a3baa..00000000 --- a/library/scss/globals/_fieldset.scss +++ /dev/null @@ -1,6 +0,0 @@ -@include body-class(all, all, false) { - - fieldset { - line-height: 1; // FIX: Make sure themes don't add extra unnecessary spacing to inline elements - } -} \ No newline at end of file diff --git a/library/scss/polls/_container.scss b/library/scss/polls/_container.scss deleted file mode 100644 index 4f8b6bff..00000000 --- a/library/scss/polls/_container.scss +++ /dev/null @@ -1,82 +0,0 @@ -@include body-class(poll, all, false) { - width: 100%; - margin: $gutter 0; - box-sizing: border-box; - @extend %text-reset; - - .forminator-poll-header { - - + .forminator-poll-body, - + .forminator-poll-footer { - margin-top: $gutter-sm; - } - } - - .forminator-poll-body { - - .forminator-field { - margin: 0; - padding: 0; - border: 0; - - &:focus { - outline: none; - box-shadow: none; - } - } - - + .forminator-poll-footer { - margin-top: $gutter-sm; - } - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } -} - -@include body-class(poll, all, true) { - - .forminator-poll-header { - - + .forminator-poll-body, - + .forminator-poll-footer { - - @include media(min-width, sm) { - margin-top: $gutter; - } - } - } - - .forminator-poll-body { - - + .forminator-poll-footer { - - @include media(min-width, sm) { - margin-top: $gutter; - } - } - } - - &:first-child { - - @include media(min-width, sm) { - margin-top: 0; - } - } - - &:last-child { - - @include media(min-width, sm) { - margin-bottom: 0; - } - } - - @include media(min-width, sm) { - margin: $gutter 0; - } -} \ No newline at end of file diff --git a/library/scss/polls/elements/_chart.scss b/library/scss/polls/elements/_chart.scss deleted file mode 100644 index a50a88f0..00000000 --- a/library/scss/polls/elements/_chart.scss +++ /dev/null @@ -1,106 +0,0 @@ -@include body-class(poll, all, false) { - - .forminator-chart { - width: 100%; - margin: 0; - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - text-decoration: none; - } - - &:not(.forminator-show) { - display: none !important; - } - } - - .forminator-chart-wrapper { - - .forminator-chart-legend { - margin: 0 0 20px; - - &, li { - border: 0; - padding: 0; - list-style: none; - - &:before, - &:after { - content: none; - } - } - - li { - position: relative; - margin: 0 0 10px; - padding-top: 1px; - padding-left: 20px; - font-size: 12px; - line-height: 14px; - font-family: inherit; - font-weight: 400; - - .forminator-chart-legend--color { - width: 15px; - height: 15px; - display: block; - position: absolute; - top: 0; - left: 0; - } - - &:last-child { - margin: 0; - } - } - } - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - text-decoration: none; - } - - &:not(.forminator-show) { - display: none !important; - } - } -} - -@include body-class(poll, all, true) { - - .forminator-chart-wrapper { - - .forminator-chart-legend { - - li { - - &:last-child { - - @include media(min-width, md) { - margin: 3px 0; - } - } - - @include media(min-width, md) { - flex: 0 0 auto; - margin: 3px 10px 3px 0; - } - } - - @include media(min-width, md) { - display: flex; - flex-wrap: wrap; - margin-top: -3px; - margin-bottom: 17px; - } - } - } -} \ No newline at end of file diff --git a/library/scss/polls/elements/_image.scss b/library/scss/polls/elements/_image.scss deleted file mode 100644 index b73699cb..00000000 --- a/library/scss/polls/elements/_image.scss +++ /dev/null @@ -1,19 +0,0 @@ -@include body-class(poll, all, false) { - - .forminator-image { - width: auto; - height: auto; - max-width: 100%; - display: block; - position: relative; - margin: #{$gutter-sm / 2} auto; - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } -} \ No newline at end of file diff --git a/library/scss/polls/elements/_links.scss b/library/scss/polls/elements/_links.scss deleted file mode 100644 index 1470adce..00000000 --- a/library/scss/polls/elements/_links.scss +++ /dev/null @@ -1,23 +0,0 @@ -@include body-class(poll, all, false) { - - .forminator-link { - line-height: 1.4em; - transition: $transition--ease; - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - text-decoration: none; - } - - &:disabled, - &.forminator-disabled { - @include opacity(0.5); - user-select: none; - pointer-events: none; - } - } -} \ No newline at end of file diff --git a/library/scss/polls/elements/_typography.scss b/library/scss/polls/elements/_typography.scss deleted file mode 100644 index d9dcfff1..00000000 --- a/library/scss/polls/elements/_typography.scss +++ /dev/null @@ -1,28 +0,0 @@ -@include body-class(poll, all, false) { - - .forminator-question, - .forminator-description { - display: block; - margin: 0 0 5px; - padding: 0; - border: 0; - letter-spacing: 0; - - &:before, - &:after { - content: none; - } - - &:last-child { - margin-bottom: 0; - } - } - - .forminator-question { - line-height: 1.6em; - } - - .forminator-description { - line-height: 1.6em; - } -} \ No newline at end of file diff --git a/library/scss/quizzes/_container.scss b/library/scss/quizzes/_container.scss deleted file mode 100644 index b3331f0e..00000000 --- a/library/scss/quizzes/_container.scss +++ /dev/null @@ -1,241 +0,0 @@ -@include body-class(quiz, all, false) { - - .forminator-quiz { - - // ELEMENT: Title. - &--title { - margin: 0 0 $gutter-sm; - padding: 0; - border: 0; - line-height: 1.18em; - - &:before, - &:after { - content: unset; - display: none; - } - } - - // ELEMENT: Description. - &--description { - margin: 0 0 $gutter-sm; - padding: 0; - border: 0; - - &, p { - line-height: 1.5em; - word-break: break-word; - - strong { - font-weight: bold; - } - } - - p { - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - ul { - list-style-type: disc; - padding-left: 2em; - } - } - - // ELEMENT: Image. - &--image { - width: auto; - min-width: 1px; - max-width: 100%; - height: auto; - min-height: 1px; - max-height: 100%; - float: none; - display: block; - position: relative; - margin: $gutter-sm 0; - padding: 0; - border: 0; - } - - // SECTION: Footer. - &--result { - border-top-width: 1px; - border-top-style: solid; - - .forminator-button { - margin: 0; - } - } - - // SECTION: Summary. - &--summary { - - p, ul, ol { - margin: 22px 0; - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &, p { - line-height: 1.19em; - } - - ul, ol, li { - line-height: 1.4em; - } - - li { - margin: 10px 0; - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &[data-align="center"] { - text-align: center; - } - - &[data-align="right"] { - text-align: right; - } - } - - // SECTION: Social. - &--social { - border-top-width: 1px; - border-top-style: solid; - - .forminator-social--text { - margin: 0 0 $gutter-sm; - line-height: 1.35em; - } - - .forminator-social--icons { - display: flex; - flex-wrap: wrap; - flex-direction: row; - margin: 0 -#{$gutter-sm / 2}; - padding: 0; - - &, li { - list-style: none; - } - - li { - padding: 0 #{$gutter-sm / 2}; - - a { - display: block; - - &, - &:hover, - &:focus, - &:active { - outline: none; - box-shadow: none; - text-decoration: none; - } - - [class*="forminator-icon-"] { - display: block; - } - } - } - } - } - } - - // ALIGNMENT: Center. - &[data-alignment="center"] { - margin-right: auto; - margin-left: auto; - - .forminator-quiz { - - // ELEMENT: Title. - &--title { - text-align: center; - } - - // ELEMENT: Description. - &--description { - text-align: center; - } - - // ELEMENT: Image. - &--image { - margin-right: auto; - margin-left: auto; - } - - // SECTION: Footer. - &--result { - text-align: center; - } - - // ELEMENT: Social. - &--social { - - .forminator-social--icons { - justify-content: center; - } - } - } - } - - // ALIGNMENT: Right. - &[data-alignment="right"] { - margin-right: 0; - margin-left: auto; - - .forminator-quiz { - - // ELEMENT: Title. - &--title { - text-align: right; - } - - // ELEMENT: Description. - &--description { - text-align: right; - } - - // ELEMENT: Image. - &--image { - margin-right: 0; - margin-left: auto; - } - - // SECTION: Footer. - &--result { - text-align: right; - } - - // ELEMENT: Social. - &--social { - - .forminator-social--icons { - justify-content: flex-end; - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/quizzes/elements/_answers.scss b/library/scss/quizzes/elements/_answers.scss deleted file mode 100644 index d842402a..00000000 --- a/library/scss/quizzes/elements/_answers.scss +++ /dev/null @@ -1,485 +0,0 @@ -$quiz: ( - image: 170px, - image-sm: 80px, - spacing: 10px, - checkbox: 30px, -) !default; - -@include body-class(quiz, all, false) { - - .forminator-answer { - user-select: none; - -webkit-tap-highlight-color: transparent; - pointer-events: none; - display: block; - position: relative; - - input[type="radio"], - input[type="checkbox"] { - @extend %screen-readers; - - &:disabled, - &[disabled] { - - &:not(:checked):not([checked]) { - - + .forminator-answer--design { - @include opacity(0.6); - } - } - - + .forminator-answer--design { - pointer-events: none; - } - } - } - - .forminator-answer--design { - cursor: pointer; - pointer-events: all; - display: flex; - flex-wrap: nowrap; - flex-direction: row; - transition: $transition--ease; - - .forminator-answer--image { - width: map-get($quiz, image-sm); - height: map-get($quiz, image-sm); - display: block; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - - span { - @extend %screen-readers; - } - } - - .forminator-answer--status { - width: map-get($quiz, checkbox); - height: map-get($quiz, checkbox); - display: flex; - align-items: center; - justify-content: center; - transition: $transition--ease; - - [class*="forminator-icon-"] { - display: block; - font-size: 12px; - line-height: 12px; - - &:before { - display: block; - } - } - } - - .forminator-answer--name { - display: block; - line-height: 1.75em; - align-self: center; - } - } - - // STATE: Focus. - &:focus { - outline: none; - box-shadow: none; - } - } - - // QUESTION TYPE: Personality. - .forminator-question[data-question-type="personality"] { - - .forminator-answer { - - input[type="radio"], - input[type="checkbox"] { - - &:checked + .forminator-answer--design { - - .forminator-answer--status { - - [class*="forminator-icon-"] { - @include opacity(1); - } - } - } - } - - .forminator-answer--design { - - .forminator-answer--status { - - [class*="forminator-icon-"] { - @include opacity(0); - } - } - } - } - } - - // LAYOUT: List. - &.forminator-quiz--list { - - // ALIGNMENT: Center. - &[data-alignment="center"] { - - .forminator-answer { - - // STATE: Only image. - &.forminator-only--image { - margin-right: auto; - margin-left: auto; - } - } - } - - // ALIGNMENT: Right. - &[data-alignment="right"] { - - .forminator-answer { - - // STATE: Only image. - &.forminator-only--image { - margin-right: 0; - margin-left: auto; - } - } - } - } -} - -@include body-class(quiz, all, true) { - - // LAYOUT: Grid. - &.forminator-quiz--grid { - - .forminator-answer { - - .forminator-answer--design { - - .forminator-answer--image { - - @include media(min-width, sm) { - width: 100%; - height: map-get($quiz, image); - } - } - - @include media(min-width, sm) { - flex-wrap: wrap; - } - } - } - } -} - -@include body-class(quiz, default flat bold, false) { - - .forminator-answer { - - .forminator-answer--design { - - .forminator-answer--image { - flex: 0 0 auto; - - + .forminator-answer--status { - margin-top: #{(map-get($quiz, image-sm) - map-get($quiz, checkbox)) / 2}; - margin-bottom: #{(map-get($quiz, image-sm) - map-get($quiz, checkbox)) / 2}; - margin-left: map-get($quiz, spacing); - } - } - - .forminator-answer--status { - flex: 0 0 auto; - - + .forminator-answer--name { - margin-left: map-get($quiz, spacing); - } - } - - .forminator-answer--name { - min-width: 1px; - flex: 1; - } - } - - // STATE: Only image. - &.forminator-only--image { - width: #{map-get($quiz, image-sm) + (map-get($quiz, spacing) * 2)}; - - .forminator-answer--status, - .forminator-answer--name { - display: none; - } - } - } -} - -@include body-class(quiz, default flat bold, true) { - - // LAYOUT: Grid. - &.forminator-quiz--grid { - - .forminator-answer { - - .forminator-answer--design { - - .forminator-answer--image { - - ~ [class*="forminator-answer-"] { - - @include media(min-width, sm) { - margin-top: map-get($quiz, spacing); - } - } - - + .forminator-answer--status { - - @include media(min-width, sm) { - margin-left: 0; - } - } - - @include media(min-width, sm) { - flex: 0 0 auto; - } - } - - .forminator-answer--status { - - @include media(min-width, sm) { - margin-bottom: 0; - } - } - } - - // STATE: Only image. - &.forminator-only--image { - - @include media(min-width, sm) { - width: 100%; - } - } - } - } -} - -// DESIGN: Default. -@include body-class(quiz, default, false) { - - .forminator-answer { - - .forminator-answer--design { - padding: #{map-get($quiz, spacing) - map-get($border-width, default)}; - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - } - - .forminator-answer--status { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - } - } -} - -// DESIGN: Flat. -@include body-class(quiz, flat, false) { - - .forminator-answer { - - .forminator-answer--design { - padding: #{map-get($quiz, spacing) - map-get($border-width, flat)}; - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - } - - .forminator-answer--status { - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - } - } -} - -// DESIGN: Bold. -@include body-class(quiz, bold, false) { - - .forminator-answer { - - .forminator-answer--design { - padding: #{map-get($quiz, spacing) - map-get($border-width, bold)}; - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } - - .forminator-answer--status { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } - } -} - -// DESIGN: Material. -@include body-class(quiz, material, false) { - - .forminator-answer { - - input[type="radio"], - input[type="checkbox"] { - - &:disabled, - &[disabled] { - - &:not(:checked):not([checked]) { - - + .forminator-answer--design { - - .forminator-answer--image { - - + .forminator-answer--status { - display: none; - } - } - } - } - } - - &:checked, - &[checked] { - - + .forminator-answer--design { - box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3); - - .forminator-answer--image { - - &:before { - @include opacity(1); - } - } - } - } - - } - - .forminator-answer--design { - position: relative; - padding: map-get($quiz, spacing); - border-width: 0; - border-style: none; - border-radius: map-get($border-radius, material); - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3); - - .forminator-answer--image { - position: relative; - - &:before { - content: " "; - width: 100%; - height: 100%; - @include opacity(0); - display: block; - position: absolute; - top: 0; - left: 0; - background-color: rgba(0,0,0,0.6); - transition: $transition--ease; - } - - + .forminator-answer--status { - position: absolute; - } - } - - &:hover { - box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3); - } - } - - .forminator-answer--status { - flex: 0 0 auto; - border-width: 2px; - border-style: map-get($border-style, material); - border-radius: map-get($border-radius, material); - background-color: transparent !important; - - + .forminator-answer--name { - margin-left: map-get($quiz, spacing); - } - } - - .forminator-answer--name { - min-width: 1px; - flex: 1; - } - - &.forminator-only--image { - width: #{map-get($quiz, image-sm) + (map-get($quiz, spacing) * 2)}; - - .forminator-answer--design { - - .forminator-answer--status { - top: 50%; - left: 50%; - margin-top: -#{map-get($quiz, checkbox) / 2}; - margin-left: -#{map-get($quiz, checkbox) / 2}; - } - - .forminator-answer--name { - display: none; - } - } - } - - &:not([class*="forminator-only-"]) { - - .forminator-answer--design { - - .forminator-answer--status { - top: #{((map-get($quiz, image-sm) - map-get($quiz, checkbox)) / 2) + map-get($quiz, spacing)}; - left: #{((map-get($quiz, image-sm) - map-get($quiz, checkbox)) / 2) + map-get($quiz, spacing)}; - } - } - } - } -} - -@include body-class(quiz, material, true) { - - // LAYOUT: Grid. - &.forminator-quiz--grid { - - .forminator-answer { - - &:not([class*="forminator-only-"]) { - - .forminator-answer--design { - - .forminator-answer--status { - - @include media(min-width, sm) { - top: #{map-get($quiz, spacing) * 2}; - right: #{map-get($quiz, spacing) * 2}; - left: auto; - } - } - } - - .forminator-answer--name { - - @include media(min-width, sm) { - margin-top: #{map-get($quiz, spacing) + 3px}; - margin-bottom: 3px; - margin-left: 0; - } - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/quizzes/elements/_questions.scss b/library/scss/quizzes/elements/_questions.scss deleted file mode 100644 index 22b7fbf4..00000000 --- a/library/scss/quizzes/elements/_questions.scss +++ /dev/null @@ -1,475 +0,0 @@ -@include body-class(quiz, default flat bold material none, false) { - - .forminator-question { - - .forminator-legend { - display: block; - padding: 0; - border: 0; - line-height: 1.5em; - } - - .forminator-image { - width: 100%; - display: block; - margin: 0; - padding: 0; - border: 0; - - img { - width: auto; - max-width: 100%; - height: auto; - display: block; - margin: 0; - padding: 0; - border: 0; - } - } - - .forminator-question--result { - display: none; - line-height: 1.9em; - - &.forminator-show { - display: block; - } - } - - &:not(.forminator-last) { - - &:after { - content: " "; - width: 100%; - height: 1px; - display: block; - flex: 0 0 auto; - } - } - - &:focus { - outline: none; - box-shadow: none; - } - } - - // SPACING: Default. - &[data-spacing="default"] { - - .forminator-question { - - &:not(.forminator-last) { - margin-bottom: $gutter-sm; - - &:after { - margin-top: $gutter-sm; - } - } - } - - .forminator-legend, - .forminator-image { - margin: 0 0 #{$gutter-sm / 2}; - } - - .forminator-answer { - margin-top: #{$gutter-sm / 2}; - } - - .forminator-question--result { - margin: #{$gutter-sm / 2} 0 0; - } - - .forminator-quiz--result, - .forminator-quiz--social { - margin-top: $gutter-sm; - padding-top: $gutter-sm; - } - } - - // SPACING: Enclosed. - &[data-spacing="enclosed"] { - - .forminator-question { - - &:not(.forminator-last) { - margin-bottom: $gutter-enclosed-sm; - - &:after { - margin-top: $gutter-enclosed-sm; - } - } - } - - .forminator-legend { - margin: 0 0 #{$gutter-enclosed-sm / 2}; - } - - .forminator-answer { - margin-top: #{$gutter-enclosed-sm / 2}; - } - - .forminator-question--result { - margin: #{$gutter-enclosed-sm / 2} 0 0; - } - - .forminator-quiz--result, - .forminator-quiz--social { - margin-top: $gutter-enclosed-sm; - padding-top: $gutter-enclosed-sm; - } - } - - // ALIGNMENT: Center. - &[data-alignment="center"] { - - .forminator-legend { - text-align: center; - } - - .forminator-image { - - img { - margin-right: auto; - margin-left: auto; - } - } - - .forminator-question--result { - text-align: center; - } - } - - // ALIGNMENT: Right. - &[data-alignment="right"] { - - .forminator-legend { - text-align: right; - } - - .forminator-image { - - img { - margin-right: 0; - margin-left: auto; - } - } - - .forminator-question--result { - text-align: right; - } - } -} - -@include body-class(quiz, default flat bold material none, true) { - - // LAYOUT: List. - &.forminator-quiz--list { - - // SPACING: Default. - &[data-spacing="default"] { - - .forminator-question { - - &:not(.forminator-last) { - - &:after { - - @include media(min-width, sm) { - margin-top: $gutter; - } - } - - @include media(min-width, sm) { - margin-bottom: $gutter; - } - } - } - - .forminator-legend { - - @include media(min-width, sm) { - margin-bottom: #{$gutter / 2}; - } - } - - .forminator-answer { - - @include media(min-width, sm) { - margin-top: #{$gutter / 2}; - } - } - - .forminator-question--result { - - @include media(min-width, sm) { - margin-top: #{$gutter / 2}; - } - } - - .forminator-quiz--result, - .forminator-quiz--social { - - @include media(min-width, sm) { - margin-top: $gutter; - padding-top: $gutter; - } - } - } - - // SPACING: Enclosed. - &[data-spacing="enclosed"] { - - .forminator-question { - - &:not(.forminator-last) { - - &:after { - - @include media(min-width, sm) { - margin-top: $gutter-enclosed; - } - } - - @include media(min-width, sm) { - margin-bottom: $gutter-enclosed; - } - } - } - - .forminator-legend { - - @include media(min-width, sm) { - margin-bottom: #{$gutter-enclosed / 2}; - } - } - - .forminator-answer { - - @include media(min-width, sm) { - margin-top: #{$gutter-enclosed / 2}; - } - } - - .forminator-question--result { - - @include media(min-width, sm) { - margin-top: #{$gutter-enclosed / 2}; - } - } - - .forminator-quiz--result, - .forminator-quiz--social { - - @include media(min-width, sm) { - margin-top: $gutter-enclosed; - padding-top: $gutter-enclosed; - } - } - } - } - - // LAYOUT: Grid. - &.forminator-quiz--grid { - - .forminator-question { - - &:not(.forminator-last) { - - &:after { - - @include media(min-width, sm) { - width: auto; - flex: 1 1 100%; - } - } - } - - @include media(min-width, sm) { - display: flex; - flex-wrap: wrap; - flex-direction: row; - } - } - - .forminator-legend, - .forminator-image { - - @include media(min-width, sm) { - flex: 0 0 100%; - margin-bottom: 0; - } - } - - .forminator-question--result { - - @include media(min-width, sm) { - flex: 0 0 100%; - } - } - - @for $i from 2 through 6 { - - &[data-columns="#{$i}"] { - - .forminator-answer { - - @include media(min-width, sm) { - flex: 0 0 #{100% / $i}; - } - } - } - } - - // ALIGNMENT: Center. - &[data-alignment="center"] { - - .forminator-question { - - @include media(min-width, sm) { - justify-content: center; - } - } - } - - // ALIGNMENT: Right. - &[data-alignment="right"] { - - .forminator-question { - - @include media(min-width, sm) { - justify-content: flex-end; - } - } - } - - // SPACING: Default. - &[data-spacing="default"] { - - .forminator-question { - - &:not(.forminator-last) { - - &:after { - - @include media(min-width, sm) { - margin-top: $gutter; - margin-right: #{$gutter / 4}; - margin-left: #{$gutter / 4}; - } - } - - @include media(min-width, sm) { - margin-bottom: $gutter; - } - } - - @include media(min-width, sm) { - margin-right: -#{$gutter / 4}; - margin-left: -#{$gutter / 4}; - } - } - - .forminator-legend, - .forminator-image { - - + .forminator-image { - - @include media(min-width, sm) { - margin-top: #{$gutter / 2}; - } - } - - @include media(min-width, sm) { - padding: 0 #{$gutter / 4}; - } - } - - .forminator-answer { - - @include media(min-width, sm) { - margin-top: #{$gutter / 2}; - padding: 0 #{$gutter / 4}; - } - } - - .forminator-question--result { - - @include media(min-width, sm) { - margin-top: #{$gutter / 2}; - padding: 0 #{$gutter / 4}; - } - } - - .forminator-quiz--result, - .forminator-quiz--social { - - @include media(min-width, sm) { - margin-top: $gutter; - padding-top: $gutter; - } - } - } - - // SPACING: Enclosed. - &[data-spacing="enclosed"] { - - .forminator-question { - - &:not(.forminator-last) { - - &:after { - - @include media(min-width, sm) { - margin-top: $gutter-enclosed; - margin-right: #{$gutter-enclosed / 4}; - margin-left: #{$gutter-enclosed / 4}; - } - } - - @include media(min-width, sm) { - margin-bottom: $gutter-enclosed; - } - } - - @include media(min-width, sm) { - margin-right: -#{$gutter-enclosed / 4}; - margin-left: -#{$gutter-enclosed / 4}; - } - } - - .forminator-legend, - .forminator-image { - - @include media(min-width, sm) { - padding: 0 #{$gutter-enclosed / 4}; - } - } - - .forminator-answer { - - @include media(min-width, sm) { - margin-top: #{$gutter-enclosed / 2}; - padding: 0 #{$gutter-enclosed / 4}; - } - } - - .forminator-question--result { - - @include media(min-width, sm) { - margin-top: #{$gutter-enclosed / 2}; - padding: 0 #{$gutter-enclosed / 4}; - } - } - - .forminator-quiz--result, - .forminator-quiz--social { - - @include media(min-width, sm) { - margin-top: $gutter-enclosed; - padding-top: $gutter-enclosed; - } - } - } - } -} \ No newline at end of file diff --git a/library/scss/quizzes/elements/_results.scss b/library/scss/quizzes/elements/_results.scss deleted file mode 100644 index 56caf16f..00000000 --- a/library/scss/quizzes/elements/_results.scss +++ /dev/null @@ -1,342 +0,0 @@ -// DESIGN(S): Default, Flat, Bold. -@include body-class(quiz, default flat bold, false) { - - .forminator-quiz--result { - - .forminator-result { - display: block; - padding: #{$gutter-sm / 2}; - - .forminator-result--info { - display: flex; - flex-direction: row-reverse; - align-items: center; - justify-content: flex-end; - text-align: left; - - .forminator-result--quiz-name { - min-width: 1px; - display: block; - flex: 0 1 auto; - margin-left: #{$gutter-sm / 2}; - line-height: 1.75em; - } - - .forminator-result--retake { - width: 40px; - min-width: auto; - height: 40px; - display: flex; - flex: 0 0 auto; - align-self: flex-start; - align-items: center; - justify-content: center; - position: relative; - - [class*="forminator-icon-"] { - display: block; - - &:before { - display: block; - } - } - } - - + .forminator-result--content { - margin-top: #{$gutter-sm / 2}; - } - } - - .forminator-result--content { - display: block; - text-align: left; - - .forminator-result--text { - padding: #{$gutter-sm / 2}; - - .forminator-result--title { - margin: 0; - padding: 0; - line-height: 1.5em; - - + .forminator-result--description { - margin-top: #{$gutter-sm / 2}; - } - } - - .forminator-result--description { - margin: 0; - padding: 0; - - &, p { - line-height: 1.75em; - } - - p { - margin: 0; - padding: 0; - border: 0; - - &:not(:last-child) { - margin-bottom: #{$gutter-sm / 2}; - } - } - } - - + .forminator-result--image { - margin-top: #{$gutter-sm / 2}; - } - } - - .forminator-result--image { - width: auto; - max-width: 100%; - min-width: 1px; - height: auto; - display: block; - flex: 0 1 auto; - margin: 0; - padding: 0; - border: 0; - background-size: cover; - background-repeat: no-repeat; - background-position: center; - - img { - width: 100%; - height: auto; - display: block; - } - } - } - } - } -} - -@include body-class(quiz, default flat bold, true) { - - .forminator-quiz--result { - - .forminator-result { - - .forminator-result--info { - - .forminator-result--quiz-name { - - @include media(min-width, sm) { - flex: 1; - margin-right: #{$gutter-sm / 2}; - margin-left: 0; - } - } - - .forminator-result--retake { - - [class*="forminator-icon-"] { - - @include media(min-width, sm) { - display: inline-block; - margin-right: 4px; - - &:before { - - @include media(min-width, sm) { - display: inline; - } - } - } - } - - span { - - @include media(min-width, sm) { - width: auto; - height: auto; - display: inline; - position: relative !important; - margin: 0; - clip: initial; - clip-path: none; - } - } - - @include media(min-width, sm) { - width: auto; - min-width: 1px; - height: auto; - display: block; - flex: 0 1 auto; - } - } - - @include media(min-width, sm) { - flex-direction: row; - justify-content: flex-start; - } - } - - .forminator-result--content { - - .forminator-result--text { - - + .forminator-result--image { - - @include media(min-width, sm) { - margin-top: 0; - margin-left: #{$gutter-sm / 2}; - } - } - - @include media(min-width, sm) { - min-width: 1px; - flex: 1; - } - } - - .forminator-result--image { - - img { - - @include media(min-width, sm) { - @include opacity(0); - } - } - - @include media(min-width, sm) { - width: auto; - min-width: 1px; - max-width: 50%; - flex: 0 1 auto; - } - } - - @include media(min-width, sm) { - display: flex; - } - } - } - } -} - -// DESIGN: Default. -@include body-class(quiz, default, false) { - - .forminator-quiz--result { - - .forminator-result { - border-width: map-get($border-width, default); - border-style: map-get($border-style, default); - border-radius: map-get($border-radius, default); - } - } -} - -// DESIGN: Flat. -@include body-class(quiz, flat, false) { - - .forminator-quiz--result { - - .forminator-result { - border-width: map-get($border-width, flat); - border-style: map-get($border-style, flat); - border-radius: map-get($border-radius, flat); - } - } -} - -// DESIGN: Bold. -@include body-class(quiz, bold, false) { - - .forminator-quiz--result { - - .forminator-result { - border-width: map-get($border-width, bold); - border-style: map-get($border-style, bold); - border-radius: map-get($border-radius, bold); - } - } -} - -// DESIGN: Material. -@include body-class(quiz, material, false) { - - .forminator-quiz--result { - - .forminator-result { - border-radius: map-get($material, border-radius); - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3); - - .forminator-result--image { - width: 100%; - max-width: 100%; - height: auto; - display: block; - border-top-left-radius: map-get($material, border-radius); - border-top-right-radius: map-get($material, border-radius); - } - - .forminator-result--content { - padding: #{$gutter-sm / 2}; - text-align: left; - - hr { - width: 100%; - min-width: 100%; - max-width: 100%; - height: 2px; - display: block; - margin: #{$gutter-sm / 2} 0; - padding: 0; - border: 0; - background-color: rgba(0,0,0,0.1); - } - - .forminator-result--title { - margin: 0; - padding: 0; - border: 0; - line-height: 1.5em; - - + .forminator-result--description { - margin-top: #{$gutter-sm / 2}; - } - } - - .forminator-result--description { - margin: 0; - padding: 0; - - &, p { - line-height: 1.75em; - } - - p { - margin: 0; - padding: 0; - border: 0; - - &:not(:last-child) { - margin-bottom: #{$gutter-sm / 2}; - } - } - } - - .forminator-result--retake { - width: auto; - min-width: 1px; - max-width: 100%; - height: auto; - cursor: pointer; - display: block; - margin: 0; - padding: 0; - border: 0; - background-color: transparent; - background-image: none; - line-height: 1.85em; - text-transform: uppercase; - } - } - } - } -} \ No newline at end of file