Ответы пользователя по тегу CSS
  • Как бороться с inline-block и его отступами?

    @sorokinfil
    Если я правильно понял, нужно убрать лишнее пространство в 4px справа от картинок с чаем. Попробуйте сделать вычисляемый width у элемента с классом .dor.
    width: calc(100% + 4px);
    Благодаря этому отступ справа в 4px должен уйти за пределы экрана.
    Обновлено: если появляется скролл, должен убраться через overflow: hidden у родительского для .dor блока.
    Ответ написан
  • Как правильно сделать линию под табами?

    @sorokinfil
    Если нет задачи поддерживать старые версии IE, можно воспользоваться flexbox'ом на ul и чередовать фиксированные отступы с пунктами. Повесить border-bottom светлого цвета на все пункты и отступы. Создать класс .selected для выделенного пункта и изменить там цвет border-bottom на тёмный. Понятно или накидать пример?

    Обновлено
    Накидал пример https://jsfiddle.net/htrj8kg5/1/
    Ответ написан
    Комментировать
  • Запуск функции по времени js?

    @sorokinfil
    Вам поможет при первом визите высчитать текущее время + 30 секунд и занести это время в куки. Далее по таймеру определять, есть ли нужная кука, и если есть, то не наступил/прошёл ли нужный момент, и если он наступил/прошёл, вызывать окошко, удалять старую куку и добавлять другую, по которой будет определяться, что окошко уже всплывало. Так понятно?

    Под спойлером функции, которые я дёрнул из своего проекта для проверки и занесения кук.
    Функции
    /* Возвращает cookie */
    	function Get_Cookie (name)
    	{
    		var matches = document.cookie.match (new RegExp
    		(
    			"(?:^|; )" + name.replace (/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    		));
    		return matches ? decodeURIComponent (matches[1]) : undefined;
    	}

    /* Записать в cookies */
    	function setCookie (name, value, options)
    	{
    		if (!options)
    		{
    			var expires = new Date ();
    			expires.setFullYear (expires.getFullYear () + 10);
    			options = {'path': '/', 'expires': expires};
    		}
    		
    		var expires = options.expires;
    		
    		if (typeof expires == "number" && expires)
    		{
    			var d = new Date ();
    			d.setTime (d.getTime () + expires * 1000);
    			expires = options.expires = d;
    		}
    		if (expires && expires.toUTCString)
    		{
    			options.expires = expires.toUTCString ();
    		}
    		
    		value = encodeURIComponent (value);
    		
    		var updatedCookie = name + "=" + value;
    		
    		for (var propName in options)
    		{
    			updatedCookie += "; " + propName;
    			var propValue = options[propName];
    			if (propValue !== true)
    			{
    				updatedCookie += "=" + propValue;
    			}
    		}
    		
    		document.cookie = updatedCookie;
    	}

    Ответ написан
    4 комментария
  • Как компилируются пути из scss в css?

    @sorokinfil
    Глянул один из своих проектов. У меня каталог scss лежит внутри каталога с css, относительные пути указаны от родительского каталога с css. Вероятно, у вас каталоги css и scss лежат в одном каталоге, и поэтому кажется, что пути относительные от scss. Выход - расположите каталоги таким же образом там, где у вас они сбрасываются.
    Ответ написан
    Комментировать