zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Improvements to button styles

Browse source
This commit is contained in:
Victoria Wang 2015-03-24 13:21:09 -07:00
parent 6af47e3bd6
commit 55f74f3a01
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
sass/_helper-sass/_buttons.scss
View file

@ -14,7 +14,7 @@
text-align:center; text-align:center;
text-decoration:none!important; // set to !important so that if used inside of a .nav, no decoration doesn't get overridden text-decoration:none!important; // set to !important so that if used inside of a .nav, no decoration doesn't get overridden
text-shadow:0 1px 1px rgba(0,0,0,.4); text-shadow:0 1px 1px rgba(0,0,0,.4);
@include vendor(transition, all .25s ease-in-out 0s); @include vendor(transition, none!important);
vertical-align:middle; vertical-align:middle;
-webkit-appearance:none; -webkit-appearance:none;
@ -24,7 +24,7 @@
&:hover, &:active{ &:hover, &:active{
background:$c-Darker; background:$c-Darker;
color:$c-Lighter color:$c-Lighter;
} }
&:visited{color:$c-Lighter;} &:visited{color:$c-Lighter;}
@ -78,14 +78,14 @@
// ---------------------------------------------------------------- // ----------------------------------------------------------------
.btn-Action{@extend %btn; .btn-Action{@extend %btn;
background:$c-Btn-1; background:$c-Btn-1;
@include linear-gradient(top, #e93250, #b11f36); @include linear-gradient(top, #e93250, #b11f36);
&:hover{ &:hover, &:active {
@include linear-gradient(top, #d51c3a, #841526); @include linear-gradient(top, #d51c3a, #841526);
} }
.fa { .fa {
margin-right:5px; margin-right:5px;
} }
} }
.btn-Action-2{@extend %btn; background:$c-Btn-2; .btn-Action-2{@extend %btn; background:$c-Btn-2;

2
views/home.erb
View file

@ -12,7 +12,7 @@
</div> </div>
<div class="col col-32"> <div class="col col-32">
<h3>Your Site</h3> <h3>Your Site</h3>
<a href="/dashboard" class="btn-Action edit"><i class="fa fa-edit" title="Edit"></i>Edit Site</a> <a href="/dashboard" class="btn-Action"><i class="fa fa-edit" title="Edit"></i>Edit Site</a>
</div> </div>
</div> </div>
</div> </div>