Sha256: c1234aef9e6707e3521eed57657113660e7a429c6c322d34f8c7fc7d90e919a1
Contents?: true
Size: 1.51 KB
Versions: 10
Compression:
Stored size: 1.51 KB
Contents
$inline-edit-box-color: $dark-gray !default;
$inline-edit-box-background: $light-gray !default;
$inline-edit-box-border: 1px solid darken($light-gray, 10) !default;
// Inline Edit Box Mixins
@mixin inline-edit-box {
position: relative;
padding: ($global-padding / 3) ($global-padding / 2);
padding-right: $global-padding * 2.5;
border: $inline-edit-box-border;
background: $inline-edit-box-background;
&.is-editing {
.edit-input, .save-button {
opacity: 1;
visibility: visible;
}
.edit-preview, .edit-button {
opacity: 0;
visibility: hidden;
}
}
input, select {
margin: 0 !important;
}
.edit-input {
margin: 0;
opacity: 0;
visibility: hidden;
}
.edit-button,
.save-button {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
padding: ($global-padding / 2) ($global-padding / 1.5);
font-size: 1.2rem;
}
.edit-button {
color: $inline-edit-box-color;
}
.save-button {
color: $success-color;
opacity: 0;
visibility: hidden;
}
.edit-preview {
position: absolute;
top: $global-padding / 1.5;
left: $global-padding / 1.5;
bottom: $global-padding / 1.5;
right: $global-padding * 2.5;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: $inline-edit-box-color;
margin: 0;
display: flex;
align-items: center;
}
}
// Inline Edit Box Component
@mixin bedrock-inline-edit-box {
.inline-edit-box {
@include inline-edit-box;
}
}
Version data entries
10 entries across 10 versions & 1 rubygems