Пытаюсь сверстать слайдер по уроку (1 22 00). Использую такую разметку:
div class="main-slider">
<div class="main-slider__body">
<div class="main-slider__item item-main-slide…
Я пытаюсь сверстать слайдер из урока по верстке (1:22:00). Использую сборку gulp отсюда. На всякий случай, код gulpFule.js:
let project_folder = require("path").basename(__dirname);
let source_folder = "#src";
let path…
С помощью Node.js хочу получить из директории fonts все шрифты (они там в формате woff и woff2) и подключить их в файл fonts.scss, но функция, которую я нашел в интернете не работает. После запуска gulp файл так и остается пустым. Помогите…
Надо автоматически сформировать файл fonts.scss, который потом подключается к шаблону. Использую для этого такую функцию:
let fs = require("fs");
function cb (){
}
function fontsStyle (){
let file…
const HTMLWebpackPlugin = require(‘html-webpack-plugin’)
const {CleanWebpackPlugin} = require(‘clean-webpack-plugin’)
const MiniCssExtractPlugin = require(‘mini-css-extract-plugin’)
const isDev = process.env.NODE_ENV === ‘development’
mo…
В scss у меня есть главный файл common.scss в который я добавляю новые файлы с помошью команды @import
Потом все это дело обарабатывается с помощью gulp
common.scss
@import ‘./my-file’;
my-file.scss
.container {
color: red;
}
Как так…
Я создал календарь с расписанием лекций/пар, вся информация вытягивается из файлов JSON и JS сам формирует карточки в зависимости от дня недели и элемента из json файла, пример здесь.
Задача состоит в том, чтобы не вытягивать из файлов jso…
Появилась задача сделать полосы вокруг кнопки
Делал на Code Pen через ::before , ::after и в них делал box-shadow, но ничего не получилось
.container {
font-size: 40px;
border: 1px solid red;
width: 200px;
padding: 20px;
&am…
Недавно столкнулся с проблемой , плавности возвращения анимации "keyframes" , а именно свойства transform. Вроде как удалось решить данную проблему ,но когда попробовал на телефоне плавной анимации возвращения не было. Так же ког…
Помогите пожалуйста решить данную проблему!
Есть кастом меню на шаблоне Customizr
Проблема в том что выпадающее меню на главной странице работает правильно и когда неподвижно и когда при прокрутке
https://mebelkharkov.com/
а вот на других…
Решил попробывать styled-components но не подсвечиваются элементы, подскажите расширение пожалуйста.
Вот так у меня:
А вот так хочу:
Как закрасить только прозрачную ВНУТРЕННЮЮ часть картинки при клике применяя css стили. В одном случае представим, что картинка формата png. В другом – svg.
…
Интересует принципиальная схема подключения SCSS-набора компонентов, установленных через npm.
Всю библиотеку подключать Неправильно, пытаюсь подключить нужные компоненты. Не могу понять, из-за чего не срабатывает нужный эффект (в частности…
До сего момента делаю все это разными утилитами или полувручную, но сейчас кода становится все больше и больше и хотелось бы все это автоматизировать. Что лучше использовать для этих целей?
…
В каком-то видео на ютубе увидел, что есть какой-то уже готовая папка начальных кодов (html, css, scss, js и тд) Где можно такую найти?
Готовлю проект, и решил воспользоваться сборщиком gulp. Написал команды, но не работает gulp watch. Никаких ошибок в терминале при запуске не выдает, из-за этого сложно понять в чем проблема.
Возможно кто-то сталкивался с подобным.
Прилаг…
Я использую библиотеку AntDesign. Я беру оттуда компонент Select, заключаю его в блок и хочу переопределить некоторые классы. Вот как я это делаю:
select.tsx
import React from “react”;
import { Select } from ‘antd’;
import s from ‘./sty…
У меня есть простейшая структура проекта:
index.pug:
doctype html
html(lang=”ru”)
head
meta(charset=”utf-8″)
title MyPage
body
include src/header/header.pug
src/header/header.pug:
header
[some tags]…
script(src=”…
Хочу скомпелировать scss код в css все плагины подключены папка с файлами создана
От автора: прежде всего, что такое препроцессор? Вкратце препроцессор – это программа, модифицирующая данные под входные требования другой программы. Препроцессоры CSS – это скриптовый язык, расширяющий возможности обычного CSS переменными, правилами вложенности, функциями и логическими блоками. Зачем мне его использовать? Часто вы будете попадать в ситуацию, когда придется использовать одинаковое значение для определенного свойства в […]
Свежие комментарии