Задать вопрос
smargelov

Сергей Маргелов

Верстальщик
Ответы пользователя по тегу 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, которая заставляет работать брэйкпоинты в другую сторону. После нужного вам разрешения просто отключайте слайдер.
    Ответ написан
    Комментировать
    Комментировать