Как добавить -fluid в класс с подименованием с помощью sass

у меня есть этот код в scss:

.container.home-tec.air-50{ 
    width: 95%; <br>
  padding-right: 15px; 
  padding-left: 15px; 
  margin-right: auto; 
  margin-left: auto; 
}

и я хочу, чтобы контейнер стал жидкостью для контейнера, я пробовал это сделать:

$grid__bp-md: 768; 
.container.home-tec.air-50 { 
  max-width: 950px; 
  margin: 0 auto; 
  &-fluid { 
    margin: 0; 
    max-width: 100%; 
  } 
}

но в итоге остается так:
container home-tec air-50-fluid
и все, что я хочу:
container-fluid home-tec air-50
Я меняю страницу WordPress и не могу получить HTML, может ли кто-нибудь помочь? пожалуйста

Почему это помечено как «php», «wordpress» и «sass»? Это вопрос css. Период.

— 09.04.2021 12:44

css sass

09.04.2021 12:36

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 1

Это полезно?

//SCSS
.container {
  &.home-tec.air-50 {
    max-width: 950px;
    margin: 0 auto;
  }
  &-fluid {
    margin: 0;
    max-width: 100%;
  }
}

//Generated output (CSS)
.container.home-tec.air-50 {
  max-width: 950px;
  margin: 0 auto;
}
.container-fluid {
  margin: 0;
  max-width: 100%;
}

09.04.2021 14:04

Другие вопросы по теме

Разница между переменными SCSS и переменными CSS?

Есть ли способ изменить цвет текста в зависимости от цвета фона другого элемента в CSS?

Файл для чтения не найден в vscode и live sass компиляторе с удаленным ssh fs

Как мне получить SASS с автоматическим обновлением?

Использование SASS SCSS в .Net Core 5. Как установить и использовать?

Добавление стиля в mat-option из mat-autocomplete

Dart Sass: загрузите переменные темы в новую систему модулей

Как мне работать с линейным градиентом над установкой приложения липкой позиции в последней строке

Невозможно использовать глобальный scss в Next.js, сообщение Global CSS не может быть импортировано из файлов, отличных от вашего Custom <App>

Мой рабочий веб-сайт не находит URL-адрес начальной загрузки node_modules и JQuery

Как добавить -fluid в класс с подименованием с помощью sass

Ответы 1

Другие вопросы по теме

Похожие вопросы