| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- /**
- * Stylesheet
- *
- * @namespace Lungo.Layout
- * @class Widgets
- *
- * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
- */
- @import "import/constants.styl"
- @import "import/vendor.styl"
- .overthrow-enabled .overthrow
- overflow: auto
- -webkit-overflow-scrolling: touch
- .scroll
- overflow-x: hidden
- overflow-y: scroll
- -webkit-overflow-scrolling: touch
- -webkit-box-flex: 1
- &.horizontal
- overflow-x: scroll
- overflow-y: hidden
- white-space: nowrap
- /* BUG (iOS) POSITION: relative childrens */
- & > *
- -webkit-transform: translate3d(0, 0, 0)
- :not(.icon)
- &.left
- float: left
- &.right
- float: right
- .hidden
- display: none
- .indented > *
- margin: 10px
- .margined
- margin: 3%
- .wrapper
- padding: 8px 8px
- .icon.small
- font-size: 1.3em
- .framed
- border: 2px solid #fff
- .round
- border-radius( 4px )
- .tag
- display: inline-block
- font-size: FONT_SIZE_SMALL
- line-height: FONT_SIZE_BIG
- text-align: center
- size = 5px
- .margin
- &.bottom
- margin-bottom: size
- /* ================================ TEXT ================================ */
- .text
- &.thin
- font-weight: 300
- &.normal
- font-weight: 400
- &.bold
- font-weight: 700
- &.italic
- font-style: italic
- &.underline
- text-decoration: underline
- &.line-through
- text-decoration: line-through
- &.align_left
- text-align: left
- &.align_right
- text-align: right
- &.align_center
- text-align: center
- &.align_justify
- text-align: justify
- &.small
- font-size: FONT_SIZE_SMALL
- &.big
- font-size: FONT_SIZE_BIG
|
