68 lines
1.3 KiB
SCSS
Executable File
68 lines
1.3 KiB
SCSS
Executable File
/*****************************************/
|
|
/* Customizer radio image control style
|
|
/*****************************************/
|
|
|
|
.customize-control-bloglo-radio-image {
|
|
.bloglo-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;
|
|
}
|
|
}
|
|
}
|
|
}
|