vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Better style for lists

old
Javi Jimenez Villar 2015-06-01 17:06:37 +02:00
parent 302d21e1a8
commit 5aacd7c30a
4 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/components/list_item.cjsx
View File

@ -3,11 +3,11 @@
###
module.exports = (data) ->
<div data-flex="horizontal center" className="activity">
<a href="#/campaigns/{id}" data-flex="horizontal center" className="activity">
<figure style={backgroundImage: "url()"} />
<div data-flex="vertical" data-flex-grow="max">
<strong data-flex-grow="max">text</strong>
<small>lorem ipsum...</small>
</div>
<small>moment</small>
</div>
</a>

7
source/styles/components/button.styl
View File

@ -1,5 +1,4 @@
button, .button
font-size : FONT_SIZE_BIG
font-weight : FONT_WEIGHT_BOLD
line-height : BUTTON_HEIGHT
@ -11,9 +10,9 @@ button, .button
transition-timing-function ANIMATION_EASE
&:not(.circle)
height : BUTTON_HEIGHT
height : BUTTON_HEIGHT
max-height : BUTTON_HEIGHT
width : auto
width : auto
&.circle
width : SIZE = BUTTON_CIRCLE_HEIGHT
@ -29,5 +28,3 @@ button, .button
&:not([disabled])
&.primary
background-color : PRIMARY
&.secondary
background-color : PRIMARY

4
source/styles/components/list_item.styl
View File

@ -1,8 +1,10 @@
li
margin-bottom : SPACE
padding : SPACE
padding : (SPACE * 1.25)
background-color : white
box-shadow : HEADER_SHADOW
&, & a
color: COLOR
img
width : SIZE = (2.5 * SPACE)
height : SIZE

4
source/styles/screens/__init.styl
View File

@ -5,6 +5,8 @@
height : 100vh
width : 100vw
transition transform ANIMATION_DURATION ANIMATION_EASE
> section
height : 100vh
padding : (HEADER_HEIGHT + UNIT) OFFSET OFFSET OFFSET
padding : (HEADER_HEIGHT + (2 * OFFSET)) OFFSET OFFSET OFFSET
padding : (HEADER_HEIGHT + (UNIT + SPACE)) UNIT UNIT UNIT