woocommerce-paypal-payments/modules/ppcp-settings/resources/css/components/reusable-components/_separator.scss

.ppcp-r-separator{
	display: flex;
	align-items: center;

	&__space,
	&__line {
		margin: 0;
		display: block;
		width: 100%;
	}

	&__line {
		background-color: $color-gray-400;
		height: 1px;
	}

	&__space {
		margin-bottom: 48px;
	}

	&__text {
		color: $color-gray;
		@include font(12, 24, 500, 0.8px);
		text-transform: uppercase;
		padding: 0 23px;
	}
}
Implement the rest of the welcome step 2024-10-23 08:56:47 +02:00			`.ppcp-r-separator{`
			`display: flex;`
			`align-items: center;`

♻️ Make Separator component more generic 2024-11-21 17:41:49 +01:00			`&__space,`
Implement the rest of the welcome step 2024-10-23 08:56:47 +02:00			`&__line {`
♻️ Make Separator component more generic 2024-11-21 17:41:49 +01:00			`margin: 0;`
Implement the rest of the welcome step 2024-10-23 08:56:47 +02:00			`display: block;`
			`width: 100%;`
			`}`

♻️ Make Separator component more generic 2024-11-21 17:41:49 +01:00			`&__line {`
New Settings UI: Add optional payment methods step 2024-11-25 20:47:13 -04:00			`background-color: $color-gray-400;`
♻️ Make Separator component more generic 2024-11-21 17:41:49 +01:00			`height: 1px;`
			`}`

			`&__space {`
			`margin-bottom: 48px;`
			`}`

Implement the rest of the welcome step 2024-10-23 08:56:47 +02:00			`&__text {`
			`color: $color-gray;`
			`@include font(12, 24, 500, 0.8px);`
			`text-transform: uppercase;`
			`padding: 0 23px;`
			`}`
			`}`