File "ajax-layered-nav.scss"

Full Path: /home/warrior1/public_html/wp-content-20241001222009/themes/storefront/assets/css/woocommerce/extensions/ajax-layered-nav.scss
File size: 1.29 KB
MIME-type: text/plain
Charset: utf-8

/**
 * WooCommerce AJAX Layered Nav
 */

/**
 * Imports
 */
@import "bourbon";
@import "../../sass/utils/variables";
@import "../../sass/utils/mixins";
@import "../../sass/vendors/modular-scale";

.widget_layered_nav {

	ul.colors {

		li {

			a {
				display: block;
			}

			.box {
				border: 0;
				display: inline-block;
				box-sizing: border-box;
				border-radius: 0.202em;
				height: ms(3);
				width: ms(3);
			}

			&.chosen {

				a {
					opacity: 1;

					&:hover {
						opacity: 0.5;
					}
				}
			}
		}
	}

	ul.checkboxes {

		li {

			input {
				margin-right: ms(-2);
			}
		}
	}

	ul.sizes {

		li {

			a {
				opacity: 1;
			}

			.size-filter {
				font-size: 1em;
				height: ms(3);
				min-width: ms(3);
				text-align: center;
				line-height: 1.618;
				background-color: #fff;
				border: 0;
				opacity: 0.5;
				font-weight: 600;
				border-radius: 0.202em;

				&:hover {
					opacity: 1;
				}
			}

			&.chosen {

				.size-filter {
					opacity: 1;

					&:hover {
						opacity: 0.5;
					}
				}
			}
		}
	}

	ul.colors,
	ul.checkboxes,
	ul.sizes {

		li {

			&.chosen {

				&::before {
					display: none;
				}
			}

			&.show-count {

				a {
					display: inline-block;
				}

				.count {
					float: right;
					line-height: 1.618;
					font-size: 1em;
				}
			}
		}
	}
}