plugins/jetpack/extensions/blocks/mailchimp/view.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

@import '../../shared/styles/gutenberg-colors.scss';

.wp-block-jetpack-mailchimp {

	&.is-processing {
		form {
			display: none;
		}
	}

	.wp-block-jetpack-mailchimp_notification {
		display: none;
		margin-bottom: 1.5em;
		padding: 0.75em;
		&.is-visible {
			display: block;
		}

		&.wp-block-jetpack-mailchimp_error {
			background-color: var( --muriel-hot-red-500 );
			color: var( --muriel-white );
		}

		&.wp-block-jetpack-mailchimp_processing {
			background-color: rgba( 0, 0, 0, 0.025 ); // This would be "dark-opacity-light-50" which doesn't exist in Gutenberg
		}

		&.wp-block-jetpack-mailchimp_success {
			background-color: var( --muriel-hot-green-500 );
			color: var( --muriel-white );
		}
	}

}