%PDF-
%PDF-
Mini Shell
Mini Shell
.widget-icon{
&__block{
[class^="icon-"]{
display: block;
border-radius: 100%;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
margin: 0 auto 6px;
svg{
color:#fff;
}
}
.icon-upload{
background: transparent;
color: @color_1;
}
.custom-control.custom-radio{
text-align: center;
margin: 0;
padding: 22px 8px 43px 8px;
vertical-align: bottom;
text-decoration: none;
.custom-control-label{
position: relative;
&:before{
transform: translateX(-50%);
left: 50%;
}
}
&:first-child{
border-right: 1px solid #fff;
}
}
}
&__wrap{
background: rgba(168, 134, 205, .1);
padding:0;
border-radius: 4px;
flex: none;
font-size: 0;
}
}
@media (min-width: 768px) {
.widget-icon{
&__block{
[class^="icon-"]{
width: 54px;
height: 54px;
font-size: 28px;
line-height: 54px;
svg {
width: 100%;
}
}
.custom-control.custom-radio{
&:first-child{
padding-left: 20px;
}
&:last-child{
padding-right: 20px;
}
}
}
}
}
@media (max-width: 767px){
.main .form-horizontal__item > .widget-icon__wrap {
display: flex;
justify-content: space-between;
.custom-control{
margin: 0;
flex: 1;
text-align: center;
}
}
}
Zerion Mini Shell 1.0