Unbound 2.0 (документация)

MatroseFuchs: CSS Tips and Tricks Использование объекта стилей (аналог css-классов) Создание объекта стилей: (def css SomeStyleObject() (position = "absolute") (width = 100%) (height = 100%) ) Вызов: (block (class SomeStyleObject) ) Пример реализации псевдокласса hover Скрытый текст (def element SomeElement() layout=true (scope # Объявляем ивенты: (event evBtnOverEvent) (event evBtnOutEvent) ... ) ... # Привязываем ивенты: (dispatch evBtnOverEvent args="{}" on=rollOver) (dispatch evBtnOutEvent args="{}" on=rollOut) ... (block (style # Привязываем изменение стилей к ивентам: (bind alpha 1 (event "evBtnOverEvent")) (bind alpha 0.7 (event "evBtnOutEvent")) ) ) )     Срабарывание ховера при наведении на конкретную область, а не на весь блок Если нужно задать определенныую область в качестве hitArea, то добавьте block с name='hoverArea' и передайте имя блока в свойство hitArea элемента parentElement с помощью объекта $target. Скрытый текст (def element parentElement() layout=true (style (width = 100px) (height = 100px) ... ) (block (name = 'hoverArea') (style (width = 50px) (height = 50px) ... ) ) (hitArea = "$target.hoverArea") # Ховер на родительском блоке отработает только при наведении на 'hoverArea' )     Изменение стилей в зависимости от ширины/высоты экрана (аналог медаизапросов) Скрытый текст (def element SomeElement() layout=true (scope # Записываем значение высоты экрана в переменную (var viewSizeHeight:number = "viewSize.height") (bind viewSizeHeight "viewSize.height" (event "viewResized")) ) (style ... # Делаем проверку и задаём нужное значение у свойства (bind bottom 0 (bind enabled "viewSizeHeight < 800")) (bind bottom 27px (bind enabled "viewSizeHeight > 800")) ) )