Add icon size options to mapping icons

This commit is contained in:
Pieter Vander Vennet 2022-02-17 23:54:14 +01:00
parent 29ad3be280
commit 2e6069b95b
10 changed files with 159 additions and 44 deletions

View file

@ -851,11 +851,6 @@ video {
margin-bottom: 0.75rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.ml-3 {
margin-left: 0.75rem;
}
@ -1178,10 +1173,6 @@ video {
min-width: min-content;
}
.min-w-\[20em\] {
min-width: 20em;
}
.max-w-full {
max-width: 100%;
}
@ -1781,6 +1772,10 @@ video {
filter: var(--tw-filter);
}
.\!filter {
filter: var(--tw-filter) !important;
}
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@ -2405,6 +2400,31 @@ input {
/* Additional class on the first layer filter */
}
.mapping-icon-small {
/* A mapping icon type */
width: 1.5rem;
max-height: 1.5rem;
margin-right: 0.5rem;
}
.mapping-icon-medium {
/* A mapping icon type */
width: 3rem;
max-height: 3rem;
margin-right: 1rem;
margin-left: 1rem;
}
.mapping-icon-large{
/* A mapping icon type */
width: 6rem;
max-height: 5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-right: 1.5rem;
margin-left: 1.5rem;
}
.hover\:bg-indigo-200:hover {
--tw-bg-opacity: 1;
background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
@ -2696,4 +2716,3 @@ input {
display: inline;
}
}