| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- /**
- * Stylesheet
- *
- * @namespace Lungo.Layout
- * @class Article
- *
- * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
- */
- @import "import/constants.styl"
- @import "import/vendor.styl"
- article
- position: absolute
- top: 0
- bottom: 0
- width: inherit
- height: auto
- visibility: hidden
- display: none
- z-index: 0
- .show > &.active, .hide > &.active, .hiding > &.active
- visibility: visible
- display: block
- z-index: 1
- &.pull
- transition-property(transform)
- transition-duration(TRANSITION_TIME)
- header
- &:not(.extended) ~ article
- top: HEADER_FOOTER_HEIGHT
- &.extended ~ article
- top: ARTICLE_WITH_HEADER_EXTENDED
- footer ~ article
- bottom: HEADER_FOOTER_HEIGHT
- @media handheld, only screen and (min-width: 768px)
- article.aside
- transform(translate3d(0px, 0, 0))
|
