.social {
text-aligin: center;
border-spacing: 3px 0;
/*Внешние отступы, применить нужно к родителю*/
margin-bottom: 15px;
}
.social li {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
background-color: #36aaff;
line-height: 30px;
}
.social li:hover {
background-color: #ffe13b;
cursor: pointer;
}
.social .fa {
color: #fff;
width: 100%;
}
.social li:hover .fa {
color: #594f15;
}
$(document).keydown(function (e) {
if (e.keyCode == 112) {
alert('blalba');
}
});
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
document.querySelector('meta[name=viewport]')
.setAttribute(
'content',
'initial-scale=1.001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no'
);
}
var columns = $('.footer__link');
$(window).resize(function () {
setEqualHeight(columns);
});
$(document).ready(function () {
setEqualHeight(columns);
});
$(window).ready(function () {
setEqualHeight(columns);
});
function setEqualHeight(columns) {
if (columns.length < 3) {
var tallestcolumn = 0;
columns.css('height', '');
columns.each(function() {
currentHeight = $(this).height();
if(currentHeight > tallestcolumn) {
tallestcolumn = currentHeight;
}
});
columns.height(tallestcolumn);
}
}
.center {
position:absolute;
top:50%;
left:50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}