Вывод дочерних элементов. Тип 2. CSS

Вывод дочерних элементов. Тип 2. CSS

Чанк для MODX

Используется пакет RezImgCrop и сниппет dateRU

[[+introtext]]
[[+createdon:dateRU]]

Рарзметка HTML:

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
25 Мая 2017
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
25 Мая 2017

Стили CSS:

.list_item_style_1{
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
.list_item_style_1 + .list_item_style_1{
    margin-top: 60px;
}
.list_item_style_1_image img {
	border: 2px solid #e8e4e7;
	width: 100%;
	padding: 3px;
	border-radius: 3px;
}
.list_item_style_1_title{
    margin-bottom: 20px;
}
.list_item_style_1_title a{
    color: inherit;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px solid;
    font-weight: 600;
}
.list_item_style_1_date {
	margin-top: 10px;
	font-size: 13px;
	color: #999;
}

Результат:

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
25 Мая 2017
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
25 Мая 2017
Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором
Наш сайт использует куки, нажмите «ОК» если вы не против
OK