start working on ghost-only buttons

This commit is contained in:
Quincy Larson
2016-01-11 18:56:15 -06:00
committed by Berkeley Martinez
parent c36b8352d2
commit 8e71cdd4b8
2 changed files with 7 additions and 28 deletions

View File

@ -124,13 +124,6 @@ h1, h2, h3, h4, h5, h6, p, li {
box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
} }
.btn, .shadow {
white-space: normal;
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
}
.btn-nav { .btn-nav {
margin-top: 10px; margin-top: 10px;
} }
@ -724,23 +717,9 @@ iframe.iphone {
min-height: 650px; min-height: 650px;
} }
.btn-primary-ghost { .btn {
background: transparent; background: transparent;
color: @brand-primary; color: #fff;
/* CSS Transition */
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
-o-transition: background .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, border .2s ease-in-out;
}
.btn-warning-ghost {
background: transparent;
color: @brand-warning;
/* CSS Transition */
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out; -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, border .2s ease-in-out; -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, border .2s ease-in-out; -ms-transition: background .2s ease-in-out, border .2s ease-in-out;

View File

@ -242,29 +242,29 @@ block content
h1.text-center Manage your account h1.text-center Manage your account
hr hr
.col-xs-12 .col-xs-12
a.btn.btn-lg.btn-block.btn-warning.btn-link-social(href='/logout') a.btn.btn-lg.btn-block.btn-primary.btn-primary-ghost.btn-link-social(href='/logout')
span.ion-android-exit span.ion-android-exit
| Sign me out of Free Code Camp | Sign me out of Free Code Camp
.col-xs-12 .col-xs-12
a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='mailto:team@freecodecamp.com') a.btn.btn-lg.btn-block.btn-primary.btn-primary-ghost.btn-link-social(href='mailto:team@freecodecamp.com')
span.ion-email span.ion-email
| Email us at team@freecodecamp.com | Email us at team@freecodecamp.com
if (!user.isLocked) if (!user.isLocked)
.col-xs-12 .col-xs-12
a.btn.btn-lg.btn-block.btn-info.btn-link-social(href='/toggle-lockdown-mode') a.btn.btn-lg.btn-block.btn-primary.btn-primary-ghost.btn-link-social(href='/toggle-lockdown-mode')
span.ion-locked span.ion-locked
| Hide all my solutions from other people | Hide all my solutions from other people
br br
| (this will disable your certificates) | (this will disable your certificates)
else else
.col-xs-12 .col-xs-12
a.btn.btn-lg.btn-block.btn-info.btn-link-social(href='/toggle-lockdown-mode') a.btn.btn-lg.btn-block.btn-primary.btn-primary-ghost.btn-link-social(href='/toggle-lockdown-mode')
span.ion-unlocked span.ion-unlocked
| Let other people see all my solutions | Let other people see all my solutions
br br
| (this will enable your certificates) | (this will enable your certificates)
.col-xs-12 .col-xs-12
a.btn.btn-lg.btn-block.btn-success.btn-link-social(href='/commit') a.btn.btn-lg.btn-block.btn-primary.btn-primary-ghost.btn-link-social(href='/commit')
span.ion-edit span.ion-edit
| Edit my pledge | Edit my pledge
.col-xs-12 .col-xs-12