/
outthevoid
/
frontend_developer_module_5
Обзор
Документация
Войти
/
outthevoid
/
frontend_developer_module_5
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/blocks/about/style.js
30 строк
716 B
darthmorgot
Добавил импорт фоновой картинки в формате webp.
01 апр 2024, 17:41
01 апр 2024, 17:41
c78a88a
Код
Авторство
О чём код?
import styled from 'styled-components'; import aboutImagePng from 'Images/back.png'; import aboutImageWebp from 'Images/back.png?format=webp'; import {P} from '@/components/styled/index.js'; export const Section = styled.section` background-color: ${props => props.theme.pattensBlue}; `; export const AboutWrapper = styled.div` padding-top: 184px; padding-bottom: 183px; background-image: image-set( url(${aboutImageWebp}) type("image/webp") 1x, url(${aboutImagePng}) 1x ); background-repeat: no-repeat; background-position: 97.1% 37px; `; export const TextWrapper = styled.div` width: 538px; margin: 0; & h1 { margin-bottom: 24px; } `; export const Description = styled(P)``;