Adds more basic styling to dynamic items block. #872.
This commit is contained in:
mateuswetah
parent
5636a5db8b
commit
55bca177be
|
|
@ -8,6 +8,834 @@
|
|||
clip: rect(0, 0, 0, 0);
|
||||
border: 0; }
|
||||
|
||||
.icon {
|
||||
height: 1.5em;
|
||||
width: 1.5em; }
|
||||
|
||||
.icon.is-small {
|
||||
height: 1em;
|
||||
width: 1em; }
|
||||
|
||||
.icon.is-medium {
|
||||
height: 2em;
|
||||
width: 2em; }
|
||||
|
||||
.icon.is-large {
|
||||
height: 3em;
|
||||
width: 3em; }
|
||||
|
||||
@keyframes slide-menu-in {
|
||||
from {
|
||||
-ms-transform: translate(-100%, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
/* Safari */
|
||||
transform: translate(-100%, 0); }
|
||||
to {
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes slide-menu-out {
|
||||
from {
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
-ms-transform: translate(-100%, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
/* Safari */
|
||||
transform: translate(-100%, 0); } }
|
||||
@keyframes appear {
|
||||
from {
|
||||
opacity: 0.0;
|
||||
visibility: hidden; }
|
||||
to {
|
||||
opacity: 1.0;
|
||||
visibility: visible; } }
|
||||
@keyframes disappear {
|
||||
from {
|
||||
opacity: 0.3;
|
||||
visibility: visible; }
|
||||
to {
|
||||
opacity: 0.0;
|
||||
visibility: hidden; } }
|
||||
.slide-menu-enter-active {
|
||||
animation-name: slide-menu-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-out; }
|
||||
.slide-menu-enter-active .modal-background {
|
||||
animation-name: appear;
|
||||
animation-duration: 0.6s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
.slide-menu-leave-active {
|
||||
animation-name: slide-menu-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-in; }
|
||||
.slide-menu-leave-active .modal-background {
|
||||
opacity: 0.0;
|
||||
animation-name: disappear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-in; }
|
||||
|
||||
@keyframes appear-from-top-tooltip {
|
||||
from {
|
||||
top: 24px;
|
||||
opacity: 0; }
|
||||
to {
|
||||
top: 48px;
|
||||
opacity: 1; } }
|
||||
@keyframes appear-from-top {
|
||||
from {
|
||||
top: -48px; }
|
||||
to {
|
||||
top: 0px; } }
|
||||
@keyframes appear-from-bottom {
|
||||
from {
|
||||
bottom: -48px; }
|
||||
to {
|
||||
bottom: -12px; } }
|
||||
@keyframes expand {
|
||||
from {
|
||||
max-height: 0; }
|
||||
to {
|
||||
max-height: 222px; } }
|
||||
@keyframes item-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate(0, 12px); }
|
||||
to {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translate(0, 0px); } }
|
||||
.item-appear-enter-active {
|
||||
animation-name: item-appear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
.item-appear-leave-active {
|
||||
animation-name: item-appear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-in;
|
||||
animation-direction: reverse; }
|
||||
|
||||
@keyframes filter-item-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px;
|
||||
-ms-transform: translate(0%, -30%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -30%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -30%); }
|
||||
to {
|
||||
height: 35px;
|
||||
max-height: 35px;
|
||||
min-height: 35px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes filter-item-out {
|
||||
from {
|
||||
height: 35px;
|
||||
max-height: 35px;
|
||||
min-height: 35px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
-ms-transform: translate(0%, -30%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -30%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -30%); } }
|
||||
.filter-item-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: filter-item-in;
|
||||
animation-duration: 0.1s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.filter-item-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: filter-item-out;
|
||||
animation-duration: 0.1s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes form-collapse-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; }
|
||||
to {
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
min-height: 300px;
|
||||
opacity: 1; } }
|
||||
@keyframes form-collapse-out {
|
||||
from {
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
min-height: 300px; }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; } }
|
||||
.form-collapse-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-collapse-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.form-collapse-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-collapse-out;
|
||||
animation-duration: 0.15s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes form-capabilities-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; }
|
||||
to {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
min-height: 120px;
|
||||
opacity: 1; } }
|
||||
@keyframes form-capabilities-out {
|
||||
from {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
min-height: 120px; }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; } }
|
||||
.form-capabilities-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-capabilities-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.form-capabilities-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-capabilities-out;
|
||||
animation-duration: 0.15s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes filters-menu-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
width: 0px;
|
||||
max-width: 0px;
|
||||
min-width: 0px;
|
||||
-ms-transform: translate(-30%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-30%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-30%, 0%); }
|
||||
to {
|
||||
height: 180px;
|
||||
max-width: 180px;
|
||||
min-width: 180px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes filters-menu-out {
|
||||
from {
|
||||
width: 180px;
|
||||
max-width: 180px;
|
||||
min-width: 180px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
width: 0px;
|
||||
max-width: 0px;
|
||||
min-width: 0px;
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-30%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-30%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-30%, 0%); } }
|
||||
.filters-menu-enter-active {
|
||||
animation-name: filters-menu-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.filters-menu-leave-active {
|
||||
animation-name: filters-menu-out;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes panel-from-top-in {
|
||||
from {
|
||||
opacity: 0.8;
|
||||
-ms-transform: translate(0%, -75%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -75%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -75%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes panel-from-top-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0.8;
|
||||
-ms-transform: translate(0%, -80%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -80%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -80%); } }
|
||||
.panel-from-top-enter-active {
|
||||
animation-name: panel-from-top-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-in; }
|
||||
|
||||
.panel-from-top-leave-active {
|
||||
animation-name: panel-from-top-out;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
@keyframes slide-left-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%) scale(0.95); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); } }
|
||||
@keyframes slide-left-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%) scale(0.95); } }
|
||||
.slide-left-enter-active {
|
||||
animation-name: slide-left-in;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.slide-left-leave-active {
|
||||
animation-name: slide-left-out;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes slide-right-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%) scale(0.95); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); } }
|
||||
@keyframes slide-right-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%) scale(0.95); } }
|
||||
.slide-right-enter-active {
|
||||
animation-name: slide-right-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.slide-right-leave-active {
|
||||
animation-name: slide-right-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes page-left-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes page-left-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%); } }
|
||||
.page-left-enter-active {
|
||||
animation-name: page-left-in;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.page-left-leave-active {
|
||||
animation-name: page-left-out;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes page-right-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes page-right-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%); } }
|
||||
.page-right-enter-active {
|
||||
animation-name: page-right-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.page-right-leave-active {
|
||||
animation-name: page-right-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@-webkit-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-moz-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@-o-keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
@keyframes skeleton-animation {
|
||||
0% {
|
||||
opacity: 1.0; }
|
||||
50% {
|
||||
opacity: 0.2; }
|
||||
100% {
|
||||
opacity: 1.0; } }
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-skeleton-color);
|
||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||
animation: skeleton-animation 1.8s ease infinite; }
|
||||
|
||||
@keyframes metadatum-highlight {
|
||||
from {
|
||||
background-color: var(--tainacan-primary1); }
|
||||
to {
|
||||
background-color: var(--tainacan-white); } }
|
||||
:root {
|
||||
--tainacan-blue1: #e6f4ff;
|
||||
--tainacan-blue2: #cce3f2;
|
||||
--tainacan-blue3: #244879;
|
||||
--tainacan-blue4: #1d3968;
|
||||
--tainacan-blue5: #062a57;
|
||||
--tainacan-turquoise1: #e6f6f8;
|
||||
--tainacan-turquoise2: #d9eced;
|
||||
--tainacan-turquoise3: #76c6cc;
|
||||
--tainacan-turquoise4: #31818c;
|
||||
--tainacan-turquoise5: #187181;
|
||||
--tainacan-turquoise6: #156075;
|
||||
--tainacan-gray0: #f6f6f6;
|
||||
--tainacan-gray1: #f2f2f2;
|
||||
--tainacan-gray2: #dbdbdb;
|
||||
--tainacan-gray3: #a5a5a5;
|
||||
--tainacan-gray4: #505253;
|
||||
--tainacan-gray5: #373839;
|
||||
--tainacan-red1: #f8f2f3;
|
||||
--tainacan-red2: #9b3636;
|
||||
--tainacan-green1: #eef6f4;
|
||||
--tainacan-green2: #1a745c;
|
||||
--tainacan-yellow1: #fff7ee;
|
||||
--tainacan-yellow2: #a06522;
|
||||
--tainacan-black: black;
|
||||
--tainacan-white: white;
|
||||
--tainacan-input-color: #1d1d1d;
|
||||
--tainacan-input-background-color: var(--tainacan-white);
|
||||
--tainacan-input-border-color: var(--tainacan-gray2);
|
||||
--tainacan-label-color: var(--tainacan-gray5);
|
||||
--tainacan-info-color: var(--tainacan-gray4);
|
||||
--tainacan-heading-color: var(--tainacan-black);
|
||||
--tainacan-input-border-radius: 1px;
|
||||
--tainacan-button-border-radius: 4px;
|
||||
--tainacan-dropdownmenu-border-radius: 0px;
|
||||
--tainacan-skeleton-color: #eeeeee;
|
||||
--tainacan-item-background-color: var(--tainacan-background-color);
|
||||
--tainacan-item-hover-background-color: var(--tainacan-gray1);
|
||||
--tainacan-item-heading-hover-background-color: var(--tainacan-gray2);
|
||||
--tainacan-primary: var(--tainacan-turquoise2);
|
||||
--tainacan-secondary: var(--tainacan-turquoise5);
|
||||
--tainacan-success: var(--tainacan-green2);
|
||||
--tainacan-danger: var(--tainacan-red2);
|
||||
--tainacan-warning: var(--tainacan-yellow2);
|
||||
--tainacan-background-color: var(--tainacan-white);
|
||||
--tainacan-font-family: Roboto, Source Sans, Helvetica, sans-serif;
|
||||
--tainacan-base-font-size: 1em;
|
||||
--tainacan-filter-menu-width-theme: 20%;
|
||||
--tainacan-one-column: 4.166666667%;
|
||||
--tainacan-sidebar-width: 3em;
|
||||
--tainacan-container-padding: 25px; }
|
||||
@media screen and (max-height: 760px) {
|
||||
:root {
|
||||
--tainacan-container-padding: 18px; } }
|
||||
|
||||
#tainacan-admin-app .has-text-primary,
|
||||
#tainacan-admin-app .has-text-primary:hover,
|
||||
#tainacan-admin-app .has-text-primary:focus,
|
||||
#tainacan-admin-app .has-text-secondary,
|
||||
#tainacan-admin-app .has-text-secondary:hover,
|
||||
#tainacan-admin-app .has-text-secondary:focus,
|
||||
.theme-items-list .has-text-primary,
|
||||
.theme-items-list .has-text-primary:hover,
|
||||
.theme-items-list .has-text-primary:focus,
|
||||
.theme-items-list .has-text-secondary,
|
||||
.theme-items-list .has-text-secondary:hover,
|
||||
.theme-items-list .has-text-secondary:focus,
|
||||
.tainacan-item-submission-form .has-text-primary,
|
||||
.tainacan-item-submission-form .has-text-primary:hover,
|
||||
.tainacan-item-submission-form .has-text-primary:focus,
|
||||
.tainacan-item-submission-form .has-text-secondary,
|
||||
.tainacan-item-submission-form .has-text-secondary:hover,
|
||||
.tainacan-item-submission-form .has-text-secondary:focus,
|
||||
.tainacan-modal-content .has-text-primary,
|
||||
.tainacan-modal-content .has-text-primary:hover,
|
||||
.tainacan-modal-content .has-text-primary:focus,
|
||||
.tainacan-modal-content .has-text-secondary,
|
||||
.tainacan-modal-content .has-text-secondary:hover,
|
||||
.tainacan-modal-content .has-text-secondary:focus {
|
||||
color: var(--tainacan-secondary) !important; }
|
||||
#tainacan-admin-app .has-text-turquoise5,
|
||||
#tainacan-admin-app .has-text-turquoise5:hover,
|
||||
#tainacan-admin-app .has-text-turquoise5:focus,
|
||||
.theme-items-list .has-text-turquoise5,
|
||||
.theme-items-list .has-text-turquoise5:hover,
|
||||
.theme-items-list .has-text-turquoise5:focus,
|
||||
.tainacan-item-submission-form .has-text-turquoise5,
|
||||
.tainacan-item-submission-form .has-text-turquoise5:hover,
|
||||
.tainacan-item-submission-form .has-text-turquoise5:focus,
|
||||
.tainacan-modal-content .has-text-turquoise5,
|
||||
.tainacan-modal-content .has-text-turquoise5:hover,
|
||||
.tainacan-modal-content .has-text-turquoise5:focus {
|
||||
color: var(--tainacan-turquoise5) !important; }
|
||||
#tainacan-admin-app .has-text-blue5,
|
||||
#tainacan-admin-app .has-text-blue5:hover,
|
||||
#tainacan-admin-app .has-text-blue5:focus,
|
||||
.theme-items-list .has-text-blue5,
|
||||
.theme-items-list .has-text-blue5:hover,
|
||||
.theme-items-list .has-text-blue5:focus,
|
||||
.tainacan-item-submission-form .has-text-blue5,
|
||||
.tainacan-item-submission-form .has-text-blue5:hover,
|
||||
.tainacan-item-submission-form .has-text-blue5:focus,
|
||||
.tainacan-modal-content .has-text-blue5,
|
||||
.tainacan-modal-content .has-text-blue5:hover,
|
||||
.tainacan-modal-content .has-text-blue5:focus {
|
||||
color: var(--tainacan-blue5) !important; }
|
||||
#tainacan-admin-app .has-text-blue4,
|
||||
#tainacan-admin-app .has-text-blue4:hover,
|
||||
#tainacan-admin-app .has-text-blue4:focus,
|
||||
.theme-items-list .has-text-blue4,
|
||||
.theme-items-list .has-text-blue4:hover,
|
||||
.theme-items-list .has-text-blue4:focus,
|
||||
.tainacan-item-submission-form .has-text-blue4,
|
||||
.tainacan-item-submission-form .has-text-blue4:hover,
|
||||
.tainacan-item-submission-form .has-text-blue4:focus,
|
||||
.tainacan-modal-content .has-text-blue4,
|
||||
.tainacan-modal-content .has-text-blue4:hover,
|
||||
.tainacan-modal-content .has-text-blue4:focus {
|
||||
color: var(--tainacan-blue4) !important; }
|
||||
#tainacan-admin-app .has-text-gray,
|
||||
#tainacan-admin-app .has-text-gray:hover,
|
||||
#tainacan-admin-app .has-text-gray:focus,
|
||||
.theme-items-list .has-text-gray,
|
||||
.theme-items-list .has-text-gray:hover,
|
||||
.theme-items-list .has-text-gray:focus,
|
||||
.tainacan-item-submission-form .has-text-gray,
|
||||
.tainacan-item-submission-form .has-text-gray:hover,
|
||||
.tainacan-item-submission-form .has-text-gray:focus,
|
||||
.tainacan-modal-content .has-text-gray,
|
||||
.tainacan-modal-content .has-text-gray:hover,
|
||||
.tainacan-modal-content .has-text-gray:focus {
|
||||
color: var(--tainacan-info-color) !important; }
|
||||
#tainacan-admin-app .has-text-gray3,
|
||||
#tainacan-admin-app .has-text-gray3:hover,
|
||||
#tainacan-admin-app .has-text-gray3:focus,
|
||||
.theme-items-list .has-text-gray3,
|
||||
.theme-items-list .has-text-gray3:hover,
|
||||
.theme-items-list .has-text-gray3:focus,
|
||||
.tainacan-item-submission-form .has-text-gray3,
|
||||
.tainacan-item-submission-form .has-text-gray3:hover,
|
||||
.tainacan-item-submission-form .has-text-gray3:focus,
|
||||
.tainacan-modal-content .has-text-gray3,
|
||||
.tainacan-modal-content .has-text-gray3:hover,
|
||||
.tainacan-modal-content .has-text-gray3:focus {
|
||||
color: var(--tainacan-gray3) !important; }
|
||||
#tainacan-admin-app .has-text-gray4,
|
||||
#tainacan-admin-app .has-text-gray4:hover,
|
||||
#tainacan-admin-app .has-text-gray4:focus,
|
||||
.theme-items-list .has-text-gray4,
|
||||
.theme-items-list .has-text-gray4:hover,
|
||||
.theme-items-list .has-text-gray4:focus,
|
||||
.tainacan-item-submission-form .has-text-gray4,
|
||||
.tainacan-item-submission-form .has-text-gray4:hover,
|
||||
.tainacan-item-submission-form .has-text-gray4:focus,
|
||||
.tainacan-modal-content .has-text-gray4,
|
||||
.tainacan-modal-content .has-text-gray4:hover,
|
||||
.tainacan-modal-content .has-text-gray4:focus {
|
||||
color: var(--tainacan-gray4) !important; }
|
||||
#tainacan-admin-app .has-text-gray5,
|
||||
#tainacan-admin-app .has-text-gray5:hover,
|
||||
#tainacan-admin-app .has-text-gray5:focus,
|
||||
.theme-items-list .has-text-gray5,
|
||||
.theme-items-list .has-text-gray5:hover,
|
||||
.theme-items-list .has-text-gray5:focus,
|
||||
.tainacan-item-submission-form .has-text-gray5,
|
||||
.tainacan-item-submission-form .has-text-gray5:hover,
|
||||
.tainacan-item-submission-form .has-text-gray5:focus,
|
||||
.tainacan-modal-content .has-text-gray5,
|
||||
.tainacan-modal-content .has-text-gray5:hover,
|
||||
.tainacan-modal-content .has-text-gray5:focus {
|
||||
color: var(--tainacan-gray4) !important; }
|
||||
#tainacan-admin-app .has-text-danger,
|
||||
#tainacan-admin-app .has-text-danger:hover,
|
||||
#tainacan-admin-app .has-text-danger:focus,
|
||||
.theme-items-list .has-text-danger,
|
||||
.theme-items-list .has-text-danger:hover,
|
||||
.theme-items-list .has-text-danger:focus,
|
||||
.tainacan-item-submission-form .has-text-danger,
|
||||
.tainacan-item-submission-form .has-text-danger:hover,
|
||||
.tainacan-item-submission-form .has-text-danger:focus,
|
||||
.tainacan-modal-content .has-text-danger,
|
||||
.tainacan-modal-content .has-text-danger:hover,
|
||||
.tainacan-modal-content .has-text-danger:focus {
|
||||
color: var(--tainacan-danger) !important; }
|
||||
#tainacan-admin-app .has-text-success,
|
||||
#tainacan-admin-app .has-text-success:hover,
|
||||
#tainacan-admin-app .has-text-success:focus,
|
||||
.theme-items-list .has-text-success,
|
||||
.theme-items-list .has-text-success:hover,
|
||||
.theme-items-list .has-text-success:focus,
|
||||
.tainacan-item-submission-form .has-text-success,
|
||||
.tainacan-item-submission-form .has-text-success:hover,
|
||||
.tainacan-item-submission-form .has-text-success:focus,
|
||||
.tainacan-modal-content .has-text-success,
|
||||
.tainacan-modal-content .has-text-success:hover,
|
||||
.tainacan-modal-content .has-text-success:focus {
|
||||
color: var(--tainacan-success) !important; }
|
||||
#tainacan-admin-app .is-success,
|
||||
#tainacan-admin-app .is-success:hover,
|
||||
#tainacan-admin-app .is-success:focus,
|
||||
.theme-items-list .is-success,
|
||||
.theme-items-list .is-success:hover,
|
||||
.theme-items-list .is-success:focus,
|
||||
.tainacan-item-submission-form .is-success,
|
||||
.tainacan-item-submission-form .is-success:hover,
|
||||
.tainacan-item-submission-form .is-success:focus,
|
||||
.tainacan-modal-content .is-success,
|
||||
.tainacan-modal-content .is-success:hover,
|
||||
.tainacan-modal-content .is-success:focus {
|
||||
background-color: var(--tainacan-success) !important;
|
||||
color: var(--tainacan-white) !important; }
|
||||
#tainacan-admin-app .is-white,
|
||||
.theme-items-list .is-white,
|
||||
.tainacan-item-submission-form .is-white,
|
||||
.tainacan-modal-content .is-white {
|
||||
color: var(--tainacan-black) !important;
|
||||
transition: background-color 0.2s ease-out;
|
||||
background-color: rgba(125, 125, 125, 0) !important; }
|
||||
#tainacan-admin-app .is-white:hover,
|
||||
#tainacan-admin-app .is-white:focus,
|
||||
.theme-items-list .is-white:hover,
|
||||
.theme-items-list .is-white:focus,
|
||||
.tainacan-item-submission-form .is-white:hover,
|
||||
.tainacan-item-submission-form .is-white:focus,
|
||||
.tainacan-modal-content .is-white:hover,
|
||||
.tainacan-modal-content .is-white:focus {
|
||||
background-color: rgba(125, 125, 125, 0.05) !important;
|
||||
color: var(--tainacan-black) !important; }
|
||||
#tainacan-admin-app .button.is-loading, #tainacan-admin-app .button.is-loading:hover, #tainacan-admin-app .button.is-loading:focus,
|
||||
#tainacan-admin-app .button.is-loading.is-success, #tainacan-admin-app .button.is-loading.is-success:hover, #tainacan-admin-app .button.is-loading.is-success:focus,
|
||||
#tainacan-admin-app .button.is-loading.is-secondary, #tainacan-admin-app .button.is-loading.is-secondary:hover, #tainacan-admin-app .button.is-loading.is-secondary:focus,
|
||||
.theme-items-list .button.is-loading,
|
||||
.theme-items-list .button.is-loading:hover,
|
||||
.theme-items-list .button.is-loading:focus,
|
||||
.theme-items-list .button.is-loading.is-success,
|
||||
.theme-items-list .button.is-loading.is-success:hover,
|
||||
.theme-items-list .button.is-loading.is-success:focus,
|
||||
.theme-items-list .button.is-loading.is-secondary,
|
||||
.theme-items-list .button.is-loading.is-secondary:hover,
|
||||
.theme-items-list .button.is-loading.is-secondary:focus,
|
||||
.tainacan-item-submission-form .button.is-loading,
|
||||
.tainacan-item-submission-form .button.is-loading:hover,
|
||||
.tainacan-item-submission-form .button.is-loading:focus,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success:hover,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success:focus,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary:hover,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary:focus,
|
||||
.tainacan-modal-content .button.is-loading,
|
||||
.tainacan-modal-content .button.is-loading:hover,
|
||||
.tainacan-modal-content .button.is-loading:focus,
|
||||
.tainacan-modal-content .button.is-loading.is-success,
|
||||
.tainacan-modal-content .button.is-loading.is-success:hover,
|
||||
.tainacan-modal-content .button.is-loading.is-success:focus,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary:hover,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary:focus {
|
||||
color: transparent !important; }
|
||||
#tainacan-admin-app a:not(.wp-element-button),
|
||||
#tainacan-admin-app a:not(.wp-element-button):hover,
|
||||
#tainacan-admin-app a:not(.wp-element-button):focus,
|
||||
#tainacan-admin-app a:not(.wp-element-button):hover:not([href]),
|
||||
.theme-items-list a:not(.wp-element-button),
|
||||
.theme-items-list a:not(.wp-element-button):hover,
|
||||
.theme-items-list a:not(.wp-element-button):focus,
|
||||
.theme-items-list a:not(.wp-element-button):hover:not([href]),
|
||||
.tainacan-item-submission-form a:not(.wp-element-button),
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):hover,
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):focus,
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):hover:not([href]),
|
||||
.tainacan-modal-content a:not(.wp-element-button),
|
||||
.tainacan-modal-content a:not(.wp-element-button):hover,
|
||||
.tainacan-modal-content a:not(.wp-element-button):focus,
|
||||
.tainacan-modal-content a:not(.wp-element-button):hover:not([href]) {
|
||||
color: var(--tainacan-secondary); }
|
||||
#tainacan-admin-app a:not([href])
|
||||
a:hover:not([href]),
|
||||
.theme-items-list a:not([href])
|
||||
a:hover:not([href]),
|
||||
.tainacan-item-submission-form a:not([href])
|
||||
a:hover:not([href]),
|
||||
.tainacan-modal-content a:not([href])
|
||||
a:hover:not([href]) {
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0; }
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em; }
|
||||
|
|
@ -1223,8 +2051,7 @@
|
|||
border-radius: calc(1px); }
|
||||
.wp-block-tainacan-dynamic-items-list .items-list.items-layout-tainacan-view-modes,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector .items-list.items-layout-tainacan-view-modes {
|
||||
width: 100%;
|
||||
--tainacan-container-padding: 0.875em; }
|
||||
width: 100%; }
|
||||
.wp-block-tainacan-dynamic-items-list .items-list.items-layout-tainacan-view-modes h1,
|
||||
.wp-block-tainacan-dynamic-items-list .items-list.items-layout-tainacan-view-modes h2,
|
||||
.wp-block-tainacan-dynamic-items-list .items-list.items-layout-tainacan-view-modes h3,
|
||||
|
|
@ -1247,6 +2074,9 @@
|
|||
.wp-block-tainacan-dynamic-items-list .items-list.items-layout-tainacan-view-modes canvas.child,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector .items-list.items-layout-tainacan-view-modes canvas.child {
|
||||
max-width: 100%; }
|
||||
.wp-block-tainacan-dynamic-items-list div + .items-list.items-layout-tainacan-view-modes,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector div + .items-list.items-layout-tainacan-view-modes {
|
||||
margin-top: 1.5rem; }
|
||||
|
||||
.block-editor-block-list__block:not(.has-text-color) > .wp-block-tainacan-dynamic-items-list li.item-list-item a > span,
|
||||
.block-editor-block-list__block:not(.has-text-color) > .wp-block-tainacan-dynamic-items-list li.item-list-item a:hover > span {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,5 @@
|
|||
@import '../../../admin/scss/_variables';
|
||||
@import '../../../admin/scss/_custom_variables';
|
||||
@import '../../scss/gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
|
|
@ -1191,9 +1193,6 @@
|
|||
.items-list.items-layout-tainacan-view-modes {
|
||||
width: 100%;
|
||||
|
||||
// Not really used in EVERY container, but a rather frequent value
|
||||
--tainacan-container-padding: 0.875em;
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
|
|
@ -1213,6 +1212,9 @@
|
|||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
div + .items-list.items-layout-tainacan-view-modes {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block:not(.has-text-color)>.wp-block-tainacan-dynamic-items-list {
|
||||
li.item-list-item {
|
||||
|
|
|
|||
Loading…
Reference in New Issue