ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / sothebankuab.com / wp-content / themes / sinatra / inc / customizer / controls / radio-image

/*****************************************/
/* Customizer radio image control style
/*****************************************/

.customize-control-sinatra-radio-image {

.sinatra-radio-image-choices {
		box-sizing: border-box;
		margin-top: -6px;
		margin-left: -6px;
		margin-right: -6px;
		display: flex;
		flex: 0 1 auto;
		flex-direction: row;
		flex-wrap: wrap;
	}

input {
		display: none;

&:checked {
			& + label {
				& > img {
					border-color: #0085ba;
				}

&:after {
					content: '\f147';
					-webkit-font-smoothing: antialiased;
					font: normal 16px/1 "dashicons";
					vertical-align: top;
					position: absolute;
					bottom: 0;
					left: 6px;
					width: 20px;
					height: 20px;
					background-color: #0085ba;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #FFF;
				}
			}
		}
	}

label {
		position: relative;
		box-sizing: border-box;
		flex: 0 0 auto;
		flex-basis: 33.33%;
		max-width: 33.33%;
		padding: 12px 6px 0 6px;
		margin: 0;

img {
			box-sizing: border-box;
			border: solid 2px #fff;
			display: block;
		}

&:hover {
			.small-tooltip {
				display: block;
			}
		}
	}
}

[+] ..
[-] radio-image.css [edit]
[-] radio-image.scss [edit]
[-] radio-image.min.css [edit]
[-] class-sinatra-customizer-control-radio-image.php [edit]
[-] radio-image.min.js [edit]
[-] radio-image.js [edit]