MAINHACK

Viewing / Editing File: drop-zone.scss

$e-app-drop-zone-icon-color: tints(400);
$e-app-drop-zone-icon-dark-color: tints(400);
$e-app-drop-zone-text-color: tints(500);
$e-app-drop-zone-text-dark-color: dark-tints(200);
$e-app-drop-zone-secondary-text-color: tints(600);
$e-app-drop-zone-secondary-text-dark-color: dark-tints(100);

$root: e-app-drop-zone;

.#{$root} {
	--e-app-drop-zone-icon-color: #{$e-app-drop-zone-icon-color};
	--e-app-drop-zone-text-color: #{$e-app-drop-zone-text-color};
	--e-app-drop-zone-secondary-text-color: #{$e-app-drop-zone-secondary-text-color};

&__icon {
		margin-bottom: spacing(44);
		color: var(--e-app-drop-zone-icon-color);
		font-size: 60px;
	}

&__text {
		color: var(--e-app-drop-zone-text-color);
	}

&__secondary-text {
		color: var(--e-app-drop-zone-secondary-text-color);
	}
}

.eps-theme-dark {
	.#{$root} {
		--e-app-drop-zone-icon-color: #{$e-app-drop-zone-icon-dark-color};
		--e-app-drop-zone-text-color: #{$e-app-drop-zone-text-dark-color};
		--e-app-drop-zone-secondary-text-color: #{$e-app-drop-zone-secondary-text-dark-color};
	}
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: drop-zone.scss

Server Info

System Features