M
Всем привет! Как на гридах такую разметку накидать, подскажите
Size: a a a
2021 May 09
M
ипользуй areas для расположения блоков по сетке. Сама сетка будет состоять из 3 колонок и 2 рядов
M
ок, спасибо
SA
Добрый день, подскажите как правильно прописать стиль, есть кнопка, в котором у иконки задан margin:left:5px, но если в кнопке есть классс icon-only, то мне нужно убрать этот марджин. как правильно прописать в scss? как на скрине не работает нужным образом
T
Попробуй без вложенности
.button{ margin-left: 5px}
.button.icon-only {margin-left: 0;}e
надеюсь ты не пытался писать по бэм, потому что это страшно и близко не бэм
SA
да я тот еще нуб, можешь помочь с проблемой выше?
e
вижу что это элементы чего-то, но не видно чего, хорошо бы весь блок scss увидеть
e
если правильно понял, то у .p-button-icon-left/right перед ними поставь &
SA
button {
.p-button {
.p-button-icon-left {
margin-right: 0.5rem;
}
&.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
.p-button-icon-left {
margin-right: 0;
}
}
}
.p-button {
.p-button-icon-left {
margin-right: 0.5rem;
}
&.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
.p-button-icon-left {
margin-right: 0;
}
}
}
N
#вопрос Хочу научиться создавать страницы с максимальной скоростью загрузки. Для этого изучить вот этот материал: https://web.dev/lighthouse-performance/
Но т.к. одному скучно, был бы рад найти единомышленника. Так что если кто заинтересовался, прошу обращаться. Вместе веселее.
Но т.к. одному скучно, был бы рад найти единомышленника. Так что если кто заинтересовался, прошу обращаться. Вместе веселее.
e
.icon-only у тебя же отдельный класс, зачем ты пишешь .p-button-icon-only?
нужно .p-button.icon-only
нужно .p-button.icon-only
e
я не вижу у тебя в разметке присутствие класса .p-button-icon-only который ты пытаешься стилизировать
SA
да-да, спасибо большое)
ДБ
Ребят, привет, может кто подсказать как сделать вот такую штуку?
NV
Привет, почитай про grid-template-areas
𝕊
Может псевдо элементом
M
СПС, разобрал тему)