Как получить props в sass
<Component width=’2rem’ />
— styled-components
const Component = styled.div`
width: ${props => props.width}
`
Как в sass сделать тоже самое ?
Category: sass
как в каждый scss файл записать строчку @import "mixins"
В файл index.js подключается файл mixins.scss и index.scss. В mixins.scss такой код:
@mixin colorRed {
color: red;
}
в index.scss такой код:
body {
@include colorRed;
}
есть такой webpack.config.js:
{
test: …
Выезжающий блок
Хотел бы узнать, как сделать так, чтобы при нажатии на некую кнопку(или любой другой элемент) один из двух блоков(которые находятся внутри другого) уезжал за экран, после чего второй блок занимал бы 100% ширины и вполтную к левому краю экр…
webpack не собирает css вместе с pug
Есть простая сборка проекта. css и sass перестаёт подключаться, если вместо html использую pug. В ином случае все работает но вместе с pug выдает ошибку:
css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sr…
Vuetify при подключение ломается
Только подключил vuetify к проекту и он выбивает такую ошибку
Если надо вот Git проекта
Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, и бустрап (Верстал на бутрапе, а ui ком…
Как отменить создание дополнительной картинки в webpack 5?
Всем привет.
У меня такая история: взял я одну сборку webpack и начал переписывать под себя как тут выскочила но не ошибка,баг – одним словом: в новой версии webpack вместо url-loader, raw-loader и file-loader стали использовать asset, ass…
Почему выскакивает ошибка компиляции в Webpack?
Помогите пожалуйста решить проблему webpack:
код ошибки:
она появляеться когда запускаю build сборку. Вот git repo с проектом.
Не пойму что за проблема, гуглил но толком ничего не нашел или нашел но не помогло.
Как решить данную проблемы?…
Ошибка при установке sass
Добавил sass все работает нормально, когда пытаюсь установить проект повторно, делаю команду npm install , выходят ошибки
npm WARN [email protected] requires a peer of [email protected]^4.36.0 || ^5.0.0 but none is installed. You must install peer…
Не работает скрипт по стрельбе в canvas
var game = {
sprites: {
battleship: undefined,
enemyShip: undefined,
//Пуля
bullet: undefined
},
init: function() {
var canvas = document.getElementById(‘myCanvas’);
this.ctx = canvas.getContext(“2d”);
…
Не работает скрипт по стрельбе в canvas
var game = {
sprites: {
battleship: undefined,
enemyShip: undefined,
//Пуля
bullet: undefined
},
init: function(){
var canvas = document.getElementById(‘myCanvas’);
this.ctx = ca…
При наведение на один компонента поменять стиль другого
Использую реакт, есть кастомный тэг. При наведении на блок, нужно поменять фон у другого блока, который лежит в этом же блоке. Первый файл:
<div className=’card’>
<First className=’first’ />
{widget()}
</div>…
обясните мне этот код пж
$(window).bind(‘scroll’, function() {
if ($(window).scrollTop() > 0) {
$(‘#header’).addClass(‘header-scrolled’);
}
else {
$(‘#header’).removeClass(‘header-scrolled’);
}
});
SASS, SCSS, LESS, CSS, JS соотношения между ними
Я не понимаю, в каком отношении находятся sass, less, js, css? Про js и css понимаю, разумеется. Кто занимается переводом sass, less в css? Это делает javascript?
…
{webpack} К двум html файлам подключается один файл css, что делать?
Надо, чтобы к каждому html файлу подключался только определенный файл css (sass).
webpack:
plugins: [
new HTMLWebpackPlugin({
filename: ‘index.html’,
template: ‘./src/index.html’,
minify: {
collapseWhitespac…
Как подключить .js в bootstrap?
здравствуйте я начал изучать js после html.css.bootstrap.подскажите как подключить .js к бутстрапу.Отдельно пишу .js работает.
10 экономящих время советов по CSS, которые я освоила при использовании Sass
От автора: эти 10 советов по работе с CSS помогут вам сэкономить время и лучше взаимодействовать с командой. Иногда мы думаем, что знаем все, что нам нужно знать о SCSS, и что мы можем уделить больше времени JavaScript. Мне жаль, что я говорю это, но вы должны уделять больше внимания таблицам стилей. Я работала в […]
Использование Sass для управления диапазоном с помощью нейминга BEM в CSS
От автора: управление диапазоном — это та вещь, которую вы вероятно не будете учитывать при работе с BEM CSS и Sass. У нас в распоряжении есть доступ к амперсанду (&) уже довольно давно, он предоставляет нам уровень охвата, но это теряет полезность, когда у нас есть довольно глубокий уровень вложенности. & может повести нас по […]
Использование Sass для управления диапазоном с помощью нейминга BEM в CSS
От автора: управление диапазоном — это та вещь, которую вы вероятно не будете учитывать при работе с BEM CSS и Sass. У нас в распоряжении есть доступ к амперсанду (&) уже довольно давно, он предоставляет нам уровень охвата, но это теряет полезность, когда у нас есть довольно глубокий уровень вложенности. & может повести нас по […]
Свежие комментарии