Вопрос Префиксы

Статус
Закрыто для дальнейших ответов.

kanyor

Проверенный
Регистрация
19.03.23
Сообщения
30
Реакции
5
Баллы
10
есть какой-то код для подобных префиксов?
Screenshot_20230322-184157~2.png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
Просто применение свойства box-shadow
 

kanyor

Проверенный
Регистрация
19.03.23
Сообщения
30
Реакции
5
Баллы
10
Просто применение свойства box-shadow
это понятно, я в целом для такого баннера, а не тени вокруг
Сообщение автоматически объединено:

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

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
kanyor, ну там же ни чего такого нет, просто создаешь свой префикс и для него градиент и тень
 

kanyor

Проверенный
Регистрация
19.03.23
Сообщения
30
Реакции
5
Баллы
10
kanyor, ну там же ни чего такого нет, просто создаешь свой префикс и для него градиент и тень
пробовал, там чтобы префикс выглядел адекватно, нужно размер текста, радиус рамки, менять все от и до, но например border-radius: *px; font-size: *%; и тд эти коды также используются и для префикса?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
Все есть у дефолтных префиксов, достаточно только для своего прописать отдельные свойства, например:
Код:
.label {
    &.label--mylabel {
        background: linear-gradient(to left, #34BA39 0%, #4CDE68 100%);
        box-shadow: 0px 0px 10px 5px rgba(87, 255, 120, 0.5);
        color: #fff;
        border-radius: 10px;
    }
}
В настройках префикса указать:
Код:
label label--mylabel
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
или
Код:
.label {
    border-radius: 10px;
    &.label--mylabel {
        background: linear-gradient(to left, #34BA39 0%, #4CDE68 100%);
        box-shadow: 0px 0px 10px 5px rgba(87, 255, 120, 0.5);
        color: #fff;
    }
}
тогда радиус применится ко всем префиксам
 

kanyor

Проверенный
Регистрация
19.03.23
Сообщения
30
Реакции
5
Баллы
10
ещё раз спасибо, все получилось даже лучше, чем было задумано
 
Статус
Закрыто для дальнейших ответов.

Похожие темы

Верх Низ