Automattic\WooCommerce\Internal\ComingSoon

ComingSoonAdminBarBadge::output_css │ public │ WC 1.0

Output CSS for site visibility badge.

Метод класса: ComingSoonAdminBarBadge{}

Хуков нет.

Возвращает

null. Ничего (null).

Использование

$ComingSoonAdminBarBadge = new ComingSoonAdminBarBadge();
$ComingSoonAdminBarBadge->output_css();

Код ComingSoonAdminBarBadge::output_css() ComingSoonAdminBarBadge::output css ^{WC 10.4.2}

public function output_css() {
	// Early exit if LYS feature is disabled.
	if ( ! FeaturesUtil::feature_is_enabled( 'site_visibility_badge' ) ) {
		return;
	}

	if ( is_admin_bar_showing() ) {
		echo '<style>
			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge {
				padding: 7px 0;
			}

			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item {
				/* Layout  */
				background-color: #F6F7F7;
				border-radius: 2px;
				display: flex;
				height: 18px;
				padding: 0px 6px;
				align-items: center;
				gap: 8px;

				/* Typography  */
				color: #3C434A;
				font-size: 12px;
				font-style: normal;
				font-weight: 500;
				line-height: 16px;
			}

			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:hover,
			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
				background-color: #DCDCDE;
			}

			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
				outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color-darker-20);
			}

			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item {
				background-color: #E6F2E8;
				color: #00450C;
			}

			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:hover,
			#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:focus {
				background-color: #B8E6BF;
			}
		</style>';
	}
}