| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- /**
- * Stylesheet
- *
- * @namespace Lungo.Layout
- * @class List
- *
- * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
- */
- @import "constants.styl"
- .list
- & li
- list-style-type: none
- padding: 14px 10px
- position: relative
- &, & a, & small, & .right
- font-weight: 300
- &.arrow::after
- position: absolute
- right: 8px
- top: 40%
- width: 6px
- height: 6px
- content: ''
- border-right: 3px solid #D0D0D8
- border-top: 3px solid #D0D0D8
- transform( rotate(45deg) )
- & a
- display: block
- & > .icon, > img
- float: left
- width: 32px
- height: 32px
- margin-right: 8px
- font-size: 2.6em
- line-height: 1.0em
- text-align: center
- &.thumb
- & img, & .icon
- margin: -15px 10px -15px -10px
- height: 63px !important
- width:63px !important
- font-size: 3.6em
- &.anchor
- padding: 2px 10px
- & .tag
- display: none
- & strong
- position: relative
- font-size: FONT_SIZE_BIG
- font-weight: 400
- & small
- display: block
- overflow: hidden
- white-space: nowrap
- text-overflow: ellipsis
- & + .right
- margin-top: -12px
- & small, &.anchor, & .right:not(.tag)
- font-size: FONT_SIZE_SMALL
- & .loading .right
- font-size: 1.0em
- & .right .icon, & small .icon
- height: 13px !important
- width: 13px !important
- margin-right: 1px !important
- font-size: 1.2em !important
- line-height: 1.1em
- &.indented li
- margin-bottom: 10px
|
