Learn more  » Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Bower components Debian packages RPM packages NuGet packages

jsarnowski / jsarnowski/jet-smart-filters   php

Repository URL to install this package:

Version: 2.2.1 

/ scss / filters / _search.scss

.jet-smart-filters-search {
	.jet-search-filter {

		.jet-filter-label {
			text-align: left;
		}

		&__input {
			width: 100%;
			display: block;

			&-wrapper {
				position: relative;
				width: 100%;
				min-width: 50px;
			}

			&-clear,
			&-loading {
				display: none;
				position: absolute;
				top: 50%;
				color: #777;
				font-family: FontAwesome;
			}

			&-clear {
				cursor: pointer;
				right: 5px;
				padding: 5px;
				font-size: 16px;
				line-height: 1;
				height: 26px;
				margin-top: -13px;

				&::before {
					content: '\f00d';
				}
			}

			&-loading {
				right: 6px;
				height: 20px;
				width: 20px;
				margin-top: -10px;
				border-left: 3px solid transparent;
				border-top: 3px solid currentColor;
				border-right: 3px solid currentColor;
				border-bottom: 3px solid currentColor;
				border-radius: 50%;
				animation: loading-spin 1s infinite linear;

				@keyframes loading-spin {
					from {
						transform: rotate(0deg);
						transform: rotate(0deg);
					}

					to {
						transform: rotate(359deg);
						transform: rotate(359deg);
					}
				}
			}
		}

		&__submit {
			margin-top: 10px;
		}

		&.jet-filters-single-loading .jet-search-filter__input-loading {
			display: block;
		}

		&:not(.jet-filters-single-loading) .jet-input-not-empty~.jet-search-filter__input-clear {
			display: block;
		}
	}
}