Какие используете единицы измерения при верстке?
.example {
background: linear-gradient(to right, #F0F3BD, #F0F3BD), // левая граница
linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // верхняя
linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // нижняя
linear-gradient(to right, #fff, #fff); // правая
background-size: .5rem 100%, 100% .5rem, 100% .5rem, .5rem 100%;
background-position: top left, top left, bottom left, top right;
background-repeat: no-repeat;
}
state
:(function($el) {
var state, timer;
function checkTime() {
var h = (new Date).getHours(), state_prev = state;
state = ( h >= 9 && h < 22) ? 'DAY' : 'NIGHT';
if( state_prev !== state) { // только что изменился статус
if( state === 'DAY') $el.removeClass('disable').addClass('visible');
else if( state === 'NIGHT') $el.addClass('disable').removeClass('visible');
}
}
checkTime(); // вызвать один раз сразу же
timer = window.setInterval(checkTime, 10000); // раз в 10 секунд перепроверять
})(
$('.opened') // jQuery-выборка элементов, которым переключать класс
);
var $el = $('.opened'); // jQuery-выборка элементов, которым переключать класс
window.setInterval( function() {
var h = (new Date).getHours(); // текущий час по локальному времени
if( h >= 9 && h < 22) $el.removeClass('disable').addClass('visible'); // кабак открыт
else $el.addClass('disable').removeClass('visible'); // кабак закрыт
}, 10000); // раз в 10 секунд перепроверять
X / 1000 = Y
Where X is the value of the letter-spacing in Photoshop and Y is the value in em to use in CSS
Photoshop to em “formula”
X * S / 1000 = P
Where X is equal to the letter-spacing value in Photoshop, S is the font-size in pixels (which is equal to the value in point provided you’re working in 72dpi) and P is the resulted value in px to use in CSS
Photoshop to px “formula”