Ответы пользователя по тегу CSS
  • Не срабатывают стили на одной странице при создании другой?

    smargelov
    @smargelov
    Верстальщик
    Суть Pug в том числе и в избавлении от дублирования кода.
    Я использую шаблон, который подключаю к страницам. Данные в шаблоне меняются в соответствии с переменными на странице.

    куски моего стартового шаблона для примера
    main.pug
    include ../utils/mixins
    block variables
    
    doctype html
    html(lang="ru-RU")
    	head
    		meta(charset="utf-8")
    		title #{title}
    		<!--[if IE]>
    		meta(http-equiv='X-UA-Compatible', content="IE = edge")
    		<![endif]-->
    		meta(name="viewport" content="width=device-width,initial-scale=1")
    		meta(name="keywords" content="")
    		link(rel="stylesheet" type='text/css' href="css/styles.min.css")
    		include ../modules/header/favicon
    		include ../modules/header/og
    		<!--[if lt IE 9]>
    		script(src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js")
    		<![endif]-->
    	body
    		.wrapper
    			include ../modules/header/header
    			.content
    				block content
    			include ../modules/footer/footer
    		script(src="js/jquery-3.3.1.min.js")
    		script(src="js/libs.min.js")
    		script(src="js/main.js")
    		block script


    index.pug
    extends template/main
    
    block variables
    	- var title = 'Главная страница'
    
    block content

    Ответ написан
    Комментировать
  • Курсор оказался под футером?

    smargelov
    @smargelov
    Верстальщик
    Добавьте z-index: 1 (или больше) для #cursor
    Ответ написан
    Комментировать
  • Как преобразовать статичный контент в слайдер при смене разрешения?

    smargelov
    @smargelov
    Верстальщик
    Для тех, кто найдёт этот вопрос (я сомневаюсь, что автору ещё актуально):
    В slick-slider есть опция mobilefirst, которая заставляет работать брэйкпоинты в другую сторону. После нужного вам разрешения просто отключайте слайдер.
    Ответ написан
    Комментировать