Jquery ile eğer genişlik 480 pikselden küçük ise
radius = '8.1em',
olsun demek istiyorum. Bir türlü yapamadım.
@media (max-width: 480px) {
/*sitenin genişliği 480'e eşit veya daha küçükse bu stiller işlenir*/
.orta li img{
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 34%;
padding: 10px;
}
}
<script>//
$(window).load(function(){
var type = 1.37, //circle type - 1 whole, 0.5 half, 0.25 quarter
radius = '13.1em', //distance from center
start = -90, //shift start from 0
$elements = $('li:not(:first-child)'),
numberOfElements = (type === 1) ? $elements.length : $elements.length - 1, //adj for even distro of elements when not full circle
slice = 360 * type / numberOfElements;
$elements.each(function(i) {
var $self = $(this),
rotate = slice * i + start,
rotateReverse = rotate * -1;
$self.css({
'transform': 'rotate(' + rotate + 'deg) translate(' + radius + ') rotate(' + rotateReverse + 'deg)'
});
});
});//]]>
</script>