Sha256: 21c82252c4712afec7968e1bca49dce601c77b44c4e020d751990dbe5abbb1e0
Contents?: true
Size: 1.79 KB
Versions: 6
Compression:
Stored size: 1.79 KB
Contents
@function size($size) {
@return map-get($font-size, $size);
}
@function weight($weight) {
@return map-get($font-weight, $weight);
}
.form-page {
background-color: $white;
&__header {
@extend .position-sticky, .top-0, .bg-white;
z-index: 5;
}
&__body {
padding: 24px;
}
.form-container {
margin-bottom: 24px;
.form-title {
@extend .h6, .fw-semibold;
color: $primary-text-clr;
}
.nested-form-title {
color: $nested-form-section-color;
margin-bottom: 16px;
}
&__inner {
@extend .card, .p-4;
background-color: var(--bs-gray-100);
&.nested_section {
padding: 1rem !important;
}
}
}
}
//form field styles
.form-field {
@extend .mb-4;
}
.field-label {
@extend .form-label;
}
.field-control {
@extend .form-control;
}
//upload attachment style
.destroy-attachment {
margin-top: 4px;
}
//Form card UI
.form-card {
@extend .card, .mt-3;
background-color: var(--bs-gray-100);
background-blend-mode: multiply;
mix-blend-mode: multiply;
.card-title-wrapper {
@extend .d-flex, .align-items-center, .mb-3;
&:hover {
div:last-of-type {
visibility: visible;
}
}
}
.card-title {
font-size: $t4-text;
color: var(--bs-tertiary-color);
margin: 0;
}
.card-delete {
visibility: hidden;
}
}
.form-modal {
.form-info-text {
@extend .text-body, .mb-3;
}
}
// Simple form UI
.simple_form {
.input {
@extend .mb-3;
}
label {
@extend .form-label;
}
input {
@extend .form-control;
}
input[type="submit"] {
width: auto;
float: right;
@extend .mt-3;
}
.select-2 {
appearance: auto;
@extend .form-control;
}
}
.nested-section {
padding: 1.5rem;
border: 1px solid $gray-300;
background-color: $gray-100;
}
Version data entries
6 entries across 6 versions & 1 rubygems