H5-ThreeDoorder/static/css/themeColor.scss

// 麦当劳主题文字颜色类名
.themeColor-5 {
	color: $themeColor-5-1 !important;
}
// 麦当劳主题背景颜色类名
.themeBackColor-5 {
	background-color: $themeBackColor-5-1 !important; 
};
// 麦当劳主题联合自定义类名

// 商家列表选择就餐激活样式
// 店铺详情添加商品增加按钮样式
.theme-Union-Class-5-1 {
	background-color: $themeBackColor-5-1 !important; 
	color: #ffffff !important;
	border: 1rpx solid $themeBackColor-5-1 !important;
};

// 店铺详情添加商品减少按钮样式
.theme-Union-Class-5-2 {
	color: $themeColor-5-1 !important;
	border: 1rpx solid $themeBackColor-5-1 !important;
};
// 店铺详情添加商品减少按钮样式
.theme-Union-Class-5-3 {
	border: 1rpx solid $themeBackColor-5-1 !important;
};



// 肯德基主题文字颜色类名
.themeColor-1 {
	color: $themeColor-1-1 !important;
}
// 肯德基主题背景颜色类名
.themeBackColor-1 {
	background-color: $themeBackColor-1-1 !important;
}

// 商家列表选择就餐激活样式
// 店铺详情添加商品增加按钮样式
.theme-Union-Class-1-1 {
	background-color: $themeBackColor-1-1 !important; 
	color: #ffffff !important;
	border: 1rpx solid $themeBackColor-1-1 !important;
};

// 店铺详情添加商品减少按钮样式
.theme-Union-Class-1-2 {
	color: $themeColor-1-1 !important;
	border: 1rpx solid $themeBackColor-1-1 !important;
};
// 店铺详情添加商品减少按钮样式
.theme-Union-Class-1-3 {
	border: 1rpx solid $themeBackColor-1-1 !important;
};


// 星巴克主题文字颜色类名
.themeColor-10 {
	color: $themeColor-10-1 !important;
}
// 星巴克主题背景颜色类名
.themeBackColor-10 {
	background-color: $themeBackColor-10-1 !important;
}

// 商家列表选择就餐激活样式
// 店铺详情添加商品增加按钮样式
.theme-Union-Class-10-1 {
	background-color: $themeBackColor-10-1 !important; 
	color: #ffffff !important;
	border: 1rpx solid $themeBackColor-10-1 !important;
};

// 店铺详情添加商品减少按钮样式
.theme-Union-Class-10-2 {
	color: $themeColor-10-1 !important;
	border: 1rpx solid $themeBackColor-10-1 !important;
};
// 店铺详情添加商品减少按钮样式
.theme-Union-Class-10-3 {
	border: 1rpx solid $themeBackColor-10-1 !important;
};


// 星巴克主题文字颜色类名
.themeColor-13 {
	color: $themeColor-13-1 !important;
}
// 星巴克主题背景颜色类名
.themeBackColor-13 {
	background-color: $themeBackColor-13-1 !important;
}

// 商家列表选择就餐激活样式
// 店铺详情添加商品增加按钮样式
.theme-Union-Class-13-1 {
	background-color: $themeBackColor-13-1 !important; 
	color: #ffffff !important;
	border: 1rpx solid $themeBackColor-13-1 !important;
};

// 店铺详情添加商品减少按钮样式
.theme-Union-Class-13-2 {
	color: $themeColor-13-1 !important;
	border: 1rpx solid $themeBackColor-13-1 !important;
};
// 店铺详情添加商品减少按钮样式
.theme-Union-Class-13-3 {
	border: 1rpx solid $themeBackColor-13-1 !important;
};


// 奈雪主题文字颜色类名
.themeColor-2 {
	color: $themeColor-2-1 !important;
}
// 奈雪主题背景颜色类名
.themeBackColor-2 {
	background-color: $themeBackColor-2-1 !important;
}

// 商家列表选择就餐激活样式
// 店铺详情添加商品增加按钮样式
.theme-Union-Class-2-1 {
	background-color: $themeBackColor-2-1 !important; 
	color: #ffffff !important;
	border: 1rpx solid $themeBackColor-2-1 !important;
};

// 店铺详情添加商品减少按钮样式
.theme-Union-Class-2-2 {
	color: $themeColor-2-1 !important;
	border: 1rpx solid $themeBackColor-2-1 !important;
};
// 店铺详情添加商品减少按钮样式
.theme-Union-Class-2-3 {
	border: 1rpx solid $themeBackColor-2-1 !important;
};



// 添加按钮样式
.Add-Button{
	width: 42rpx;
	height: 42rpx;
	font-size: 34rpx;
	border-radius: 50rpx;
	display: flex;
	justify-content: center;
	font-weight: 800;
	flex-direction: column;
	align-items: center;
}
.Reduce-Button{
	width: 42rpx;
	height: 42rpx;
	font-size: 34rpx;
	border-radius: 50rpx;
	display: flex;
	justify-content: center;
	font-weight: 800;
	flex-direction: column;
	align-items: center;
}


// 规格样式
.commodity-sku-option-item {
	height: auto !important;
	.commodity-sku-option-item-values-item {
		height: 72rpx !important;
		padding: 0rpx 20rpx !important;
	}
}

.commodity-sku-option-item-values {
	display: flex;
	flex-wrap: wrap;
}