Цвет оформление текста
text-decoration-color
hover
focus
active
В SIMAI Framework с помощью модификаторов цвета оформления текста можно изменить цвет линии подчеркивания текста.
Классы
| Класс | Значение |
|---|---|
decoration-inherit |
text-decoration-color: inherit |
decoration-current |
text-decoration-color: currentColor |
decoration-transparent |
text-decoration-color: transparent |
decoration-black |
text-decoration-color: rgb(var(--sf-black-r),var(--sf-black-g),var(--sf-black-b)) |
decoration-white |
text-decoration-color: rgb(var(--sf-white-r),var(--sf-white-g),var(--sf-white-b)) |
decoration-gray-1 |
text-decoration-color: rgba(var(--sf-gray-1r),var(--sf-gray-1g),var(--sf-gray-1b),--sf-decoration--alfa) |
decoration-gray-2 |
text-decoration-color: rgba(var(--sf-gray-2r),var(--sf-gray-2g),var(--sf-gray-2b),--sf-decoration--alfa) |
decoration-gray-3 |
text-decoration-color: rgba(var(--sf-gray-3r),var(--sf-gray-3g),var(--sf-gray-3b),--sf-decoration--alfa) |
decoration-gray-4 |
text-decoration-color: rgba(var(--sf-gray-4r),var(--sf-gray-4g),var(--sf-gray-4b),--sf-decoration--alfa) |
decoration-gray-5 |
text-decoration-color: rgba(var(--sf-gray-5r),var(--sf-gray-5g),var(--sf-gray-5b),--sf-decoration--alfa) |
decoration-gray-6 |
text-decoration-color: rgba(var(--sf-gray-6r),var(--sf-gray-6g),var(--sf-gray-6b),--sf-decoration--alfa) |
decoration-gray-7 |
text-decoration-color: rgba(var(--sf-gray-7r),var(--sf-gray-7g),var(--sf-gray-7b),--sf-decoration--alfa) |
decoration-gray-8 |
text-decoration-color: rgba(var(--sf-gray-8r),var(--sf-gray-8g),var(--sf-gray-8b),--sf-decoration--alfa) |
decoration-gray-9 |
text-decoration-color: rgba(var(--sf-gray-9r),var(--sf-gray-9g),var(--sf-gray-9b),--sf-decoration--alfa) |
decoration-red-1 |
text-decoration-color: rgba(var(--sf-red-1r),var(--sf-red-1g),var(--sf-red-1b),--sf-decoration--alfa) |
decoration-red-2 |
text-decoration-color: rgba(var(--sf-red-2r),var(--sf-red-2g),var(--sf-red-2b),--sf-decoration--alfa) |
decoration-red-3 |
text-decoration-color: rgba(var(--sf-red-3r),var(--sf-red-3g),var(--sf-red-3b),--sf-decoration--alfa) |
decoration-red-4 |
text-decoration-color: rgba(var(--sf-red-4r),var(--sf-red-4g),var(--sf-red-4b),--sf-decoration--alfa) |
decoration-red-5 |
text-decoration-color: rgba(var(--sf-red-5r),var(--sf-red-5g),var(--sf-red-5b),--sf-decoration--alfa) |
decoration-red-6 |
text-decoration-color: rgba(var(--sf-red-6r),var(--sf-red-6g),var(--sf-red-6b),--sf-decoration--alfa) |
decoration-red-7 |
text-decoration-color: rgba(var(--sf-red-7r),var(--sf-red-7g),var(--sf-red-7b),--sf-decoration--alfa) |
decoration-red-8 |
text-decoration-color: rgba(var(--sf-red-8r),var(--sf-red-8g),var(--sf-red-8b),--sf-decoration--alfa) |
decoration-red-9 |
text-decoration-color: rgba(var(--sf-red-9r),var(--sf-red-9g),var(--sf-red-9b),--sf-decoration--alfa) |
decoration-orange-1 |
text-decoration-color: rgba(var(--sf-orange-1r),var(--sf-orange-1g),var(--sf-orange-1b),--sf-decoration--alfa) |
decoration-orange-2 |
text-decoration-color: rgba(var(--sf-orange-2r),var(--sf-orange-2g),var(--sf-orange-2b),--sf-decoration--alfa) |
decoration-orange-3 |
text-decoration-color: rgba(var(--sf-orange-3r),var(--sf-orange-3g),var(--sf-orange-3b),--sf-decoration--alfa) |
decoration-orange-4 |
text-decoration-color: rgba(var(--sf-orange-4r),var(--sf-orange-4g),var(--sf-orange-4b),--sf-decoration--alfa) |
decoration-orange-5 |
text-decoration-color: rgba(var(--sf-orange-5r),var(--sf-orange-5g),var(--sf-orange-5b),--sf-decoration--alfa) |
decoration-orange-6 |
text-decoration-color: rgba(var(--sf-orange-6r),var(--sf-orange-6g),var(--sf-orange-6b),--sf-decoration--alfa) |
decoration-orange-7 |
text-decoration-color: rgba(var(--sf-orange-7r),var(--sf-orange-7g),var(--sf-orange-7b),--sf-decoration--alfa) |
decoration-orange-8 |
text-decoration-color: rgba(var(--sf-orange-8r),var(--sf-orange-8g),var(--sf-orange-8b),--sf-decoration--alfa) |
decoration-orange-9 |
text-decoration-color: rgba(var(--sf-orange-9r),var(--sf-orange-9g),var(--sf-orange-9b),--sf-decoration--alfa) |
decoration-yellow-1 |
text-decoration-color: rgba(var(--sf-yellow-1r),var(--sf-yellow-1g),var(--sf-yellow-1b),--sf-decoration--alfa) |
decoration-yellow-2 |
text-decoration-color: rgba(var(--sf-yellow-2r),var(--sf-yellow-2g),var(--sf-yellow-2b),--sf-decoration--alfa) |
decoration-yellow-3 |
text-decoration-color: rgba(var(--sf-yellow-3r),var(--sf-yellow-3g),var(--sf-yellow-3b),--sf-decoration--alfa) |
decoration-yellow-4 |
text-decoration-color: rgba(var(--sf-yellow-4r),var(--sf-yellow-4g),var(--sf-yellow-4b),--sf-decoration--alfa) |
decoration-yellow-5 |
text-decoration-color: rgba(var(--sf-yellow-5r),var(--sf-yellow-5g),var(--sf-yellow-5b),--sf-decoration--alfa) |
decoration-yellow-6 |
text-decoration-color: rgba(var(--sf-yellow-6r),var(--sf-yellow-6g),var(--sf-yellow-6b),--sf-decoration--alfa) |
decoration-yellow-7 |
text-decoration-color: rgba(var(--sf-yellow-7r),var(--sf-yellow-7g),var(--sf-yellow-7b),--sf-decoration--alfa) |
decoration-yellow-8 |
text-decoration-color: rgba(var(--sf-yellow-8r),var(--sf-yellow-8g),var(--sf-yellow-8b),--sf-decoration--alfa) |
decoration-yellow-9 |
text-decoration-color: rgba(var(--sf-yellow-9r),var(--sf-yellow-9g),var(--sf-yellow-9b),--sf-decoration--alfa) |
decoration-green-1 |
text-decoration-color: rgba(var(--sf-green-1r),var(--sf-green-1g),var(--sf-green-1b),--sf-decoration--alfa) |
decoration-green-2 |
text-decoration-color: rgba(var(--sf-green-2r),var(--sf-green-2g),var(--sf-green-2b),--sf-decoration--alfa) |
decoration-green-3 |
text-decoration-color: rgba(var(--sf-green-3r),var(--sf-green-3g),var(--sf-green-3b),--sf-decoration--alfa) |
decoration-green-4 |
text-decoration-color: rgba(var(--sf-green-4r),var(--sf-green-4g),var(--sf-green-4b),--sf-decoration--alfa) |
decoration-green-5 |
text-decoration-color: rgba(var(--sf-green-5r),var(--sf-green-5g),var(--sf-green-5b),--sf-decoration--alfa) |
decoration-green-6 |
text-decoration-color: rgba(var(--sf-green-6r),var(--sf-green-6g),var(--sf-green-6b),--sf-decoration--alfa) |
decoration-green-7 |
text-decoration-color: rgba(var(--sf-green-7r),var(--sf-green-7g),var(--sf-green-7b),--sf-decoration--alfa) |
decoration-green-8 |
text-decoration-color: rgba(var(--sf-green-8r),var(--sf-green-8g),var(--sf-green-8b),--sf-decoration--alfa) |
decoration-green-9 |
text-decoration-color: rgba(var(--sf-green-9r),var(--sf-green-9g),var(--sf-green-9b),--sf-decoration--alfa) |
decoration-blue-1 |
text-decoration-color: rgba(var(--sf-blue-1r),var(--sf-blue-1g),var(--sf-blue-1b),--sf-decoration--alfa) |
decoration-blue-2 |
text-decoration-color: rgba(var(--sf-blue-2r),var(--sf-blue-2g),var(--sf-blue-2b),--sf-decoration--alfa) |
decoration-blue-3 |
text-decoration-color: rgba(var(--sf-blue-3r),var(--sf-blue-3g),var(--sf-blue-3b),--sf-decoration--alfa) |
decoration-blue-4 |
text-decoration-color: rgba(var(--sf-blue-4r),var(--sf-blue-4g),var(--sf-blue-4b),--sf-decoration--alfa) |
decoration-blue-5 |
text-decoration-color: rgba(var(--sf-blue-5r),var(--sf-blue-5g),var(--sf-blue-5b),--sf-decoration--alfa) |
decoration-blue-6 |
text-decoration-color: rgba(var(--sf-blue-6r),var(--sf-blue-6g),var(--sf-blue-6b),--sf-decoration--alfa) |
decoration-blue-7 |
text-decoration-color: rgba(var(--sf-blue-7r),var(--sf-blue-7g),var(--sf-blue-7b),--sf-decoration--alfa) |
decoration-blue-8 |
text-decoration-color: rgba(var(--sf-blue-8r),var(--sf-blue-8g),var(--sf-blue-8b),--sf-decoration--alfa) |
decoration-blue-9 |
text-decoration-color: rgba(var(--sf-blue-9r),var(--sf-blue-9g),var(--sf-blue-9b),--sf-decoration--alfa) |
decoration-purple-1 |
text-decoration-color: rgba(var(--sf-purple-1r),var(--sf-purple-1g),var(--sf-purple-1b),--sf-decoration--alfa) |
decoration-purple-2 |
text-decoration-color: rgba(var(--sf-purple-2r),var(--sf-purple-2g),var(--sf-purple-2b),--sf-decoration--alfa) |
decoration-purple-3 |
text-decoration-color: rgba(var(--sf-purple-3r),var(--sf-purple-3g),var(--sf-purple-3b),--sf-decoration--alfa) |
decoration-purple-4 |
text-decoration-color: rgba(var(--sf-purple-4r),var(--sf-purple-4g),var(--sf-purple-4b),--sf-decoration--alfa) |
decoration-purple-5 |
text-decoration-color: rgba(var(--sf-purple-5r),var(--sf-purple-5g),var(--sf-purple-5b),--sf-decoration--alfa) |
decoration-purple-6 |
text-decoration-color: rgba(var(--sf-purple-6r),var(--sf-purple-6g),var(--sf-purple-6b),--sf-decoration--alfa) |
decoration-purple-7 |
text-decoration-color: rgba(var(--sf-purple-7r),var(--sf-purple-7g),var(--sf-purple-7b),--sf-decoration--alfa) |
decoration-purple-8 |
text-decoration-color: rgba(var(--sf-purple-8r),var(--sf-purple-8g),var(--sf-purple-8b),--sf-decoration--alfa) |
decoration-purple-9 |
text-decoration-color: rgba(var(--sf-purple-9r),var(--sf-purple-9g),var(--sf-purple-9b),--sf-decoration--alfa) |
decoration-pink-1 |
text-decoration-color: rgba(var(--sf-pink-1r),var(--sf-pink-1g),var(--sf-pink-1b),--sf-decoration--alfa) |
decoration-pink-2 |
text-decoration-color: rgba(var(--sf-pink-2r),var(--sf-pink-2g),var(--sf-pink-2b),--sf-decoration--alfa) |
decoration-pink-3 |
text-decoration-color: rgba(var(--sf-pink-3r),var(--sf-pink-3g),var(--sf-pink-3b),--sf-decoration--alfa) |
decoration-pink-4 |
text-decoration-color: rgba(var(--sf-pink-4r),var(--sf-pink-4g),var(--sf-pink-4b),--sf-decoration--alfa) |
decoration-pink-5 |
text-decoration-color: rgba(var(--sf-pink-5r),var(--sf-pink-5g),var(--sf-pink-5b),--sf-decoration--alfa) |
decoration-pink-6 |
text-decoration-color: rgba(var(--sf-pink-6r),var(--sf-pink-6g),var(--sf-pink-6b),--sf-decoration--alfa) |
decoration-pink-7 |
text-decoration-color: rgba(var(--sf-pink-7r),var(--sf-pink-7g),var(--sf-pink-7b),--sf-decoration--alfa) |
decoration-pink-8 |
text-decoration-color: rgba(var(--sf-pink-8r),var(--sf-pink-8g),var(--sf-pink-8b),--sf-decoration--alfa) |
decoration-pink-9 |
text-decoration-color: rgba(var(--sf-pink-9r),var(--sf-pink-9g),var(--sf-pink-9b),--sf-decoration--alfa) |
Описание
Адаптивный модификатор. Изменяет цвет оформления текста в зависимости от размера области просмотра.
Использование модификатора: {контрольная точка}:{модификатор}
- Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (
sm,md,lg,xl). Если контрольная точка не задана, то действует для любого размера области просмотра. - Модификатор. Обязательный параметр.
Пример
decoration-inherit- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-current- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-transparent- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-black- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-white- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-gray-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-red-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-orange-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-yellow-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-green-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-blue-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-purple-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-1- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-2- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-4- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-5- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-6- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-7- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-8- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
decoration-pink-9- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<p class="decoration-inherit">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-current">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-gray-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-red-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-orange-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-yellow-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-green-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-blue-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-purple-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="decoration-pink-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>