use variables for thumbnail size
This commit is contained in:
parent
6df4032c90
commit
a68f276fb0
3 changed files with 8 additions and 4 deletions
|
@ -303,7 +303,7 @@ p {
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.column__item:not(:first-child) {
|
.column__item:not(:first-child) {
|
||||||
padding-left: $spacing-width * 2/3;
|
padding-left: $spacing-width * 2/3;
|
||||||
}
|
}
|
||||||
|
@ -370,6 +370,6 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumbnail-preview {
|
.thumbnail-preview {
|
||||||
height: 100px;
|
height: var(--thumbnail-preview-height);
|
||||||
width: 177px;
|
width: var(--thumbnail-preview-width);
|
||||||
}
|
}
|
||||||
|
|
|
@ -179,4 +179,8 @@ $large-breakpoint: 1921px;
|
||||||
// /* Animation :) */
|
// /* Animation :) */
|
||||||
--animation-duration: 0.3s;
|
--animation-duration: 0.3s;
|
||||||
--animation-style: cubic-bezier(0.55, 0, 0.1, 1);
|
--animation-style: cubic-bezier(0.55, 0, 0.1, 1);
|
||||||
|
|
||||||
|
/* Image */
|
||||||
|
--thumbnail-preview-height: 100px;
|
||||||
|
--thumbnail-preview-width: 177px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -68,7 +68,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
input.input--thumbnail {
|
input.input--thumbnail {
|
||||||
width: 370px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.form-field--auto-height {
|
&.form-field--auto-height {
|
||||||
|
|
Loading…
Add table
Reference in a new issue