codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 23:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

FIX: poll fake 3D button effect with custom background color

Browse source
This commit is contained in:
Régis Hanol 2015-05-05 20:00:42 +02:00
parent 72cb784eae
commit 73703dd557
1 changed files with 8 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
plugins/poll/assets/stylesheets/poll.scss
View file

@ -26,29 +26,26 @@ div.poll {
}
li[data-poll-option-id] {
position: relative;
color: $option-foreground;
background: $option-background;
box-shadow: 0 6px $option-shadow;
padding: 0 .8em;
margin-bottom: .7em;
box-shadow: inset 0 -6px rgba(0,0,0,.25), inset 0 0 0 100px rgba(0,0,0,0);
padding: 0 12px;
margin-bottom: 10px;
border-radius: 4px;
height: 2.3em;
&:hover {
top: 2px;
box-shadow: 0 4px $option-shadow;
box-shadow: inset 0 -6px rgba(0,0,0,.35), inset 0 0 0 100px rgba(0,0,0,.1);
}
&:active {
top: 6px;
box-shadow: 0 0 $option-shadow;
-webkit-transform: translate(0,2px);
transform: translate(0,2px);
box-shadow: inset 0 -4px rgba(0,0,0,.35), inset 0 0 0 100px rgba(0,0,0,.1);
}
&[data-poll-selected="selected"] {
background: $success !important;
box-shadow: 0 6px darken($success, 10%);
&:hover { box-shadow: 0 4px darken($success, 10%); }
&:active { box-shadow: 0 0 darken($success, 10%); }
}
}