diff options
author | Sriram Viswanathan <sriramv@thoughtworks.com> | 2017-04-05 14:16:52 -0300 |
---|---|---|
committer | Sriram Viswanathan <sriramv@thoughtworks.com> | 2017-04-05 14:16:52 -0300 |
commit | 1635fca0ddf659f43ce5185b144cad215117c0c9 (patch) | |
tree | 18f41d69ea9633f528692ff364e0f2c9e6752362 /web-ui/src/common/link_button/link_button.scss | |
parent | 161af0e198d98fa4855c8846924e37ae756923d0 (diff) |
[#938] Replaces RaisedButton with FlatButton for backup-account link
with @anikarni
Diffstat (limited to 'web-ui/src/common/link_button/link_button.scss')
-rw-r--r-- | web-ui/src/common/link_button/link_button.scss | 32 |
1 files changed, 30 insertions, 2 deletions
diff --git a/web-ui/src/common/link_button/link_button.scss b/web-ui/src/common/link_button/link_button.scss index ccea5523..3b4a534c 100644 --- a/web-ui/src/common/link_button/link_button.scss +++ b/web-ui/src/common/link_button/link_button.scss @@ -15,7 +15,35 @@ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>. */ -.link-button > div { +@import "~scss/base/colors"; + +.link-button > a { + width: 100%; +} + +.link-button { + width: 100%; margin-top: 2em; - border: 2px solid #ff9c00; + border: 2px solid $light_orange; + border-radius: 2px; + font-size: 1em; + color: $light_orange; + &:hover { + color: $white; + } +} + +@media only screen and (min-width : 500px) { + .link-button { + width: 70%; + align-self: center; + } +} + +@media only screen and (min-width : 960px) { + .link-button { + width: 300px; + margin-bottom: 1em; + font-size: 0.8em; + } } |