From 1f3dc3386dc09961c2c1304c257954022dc50979 Mon Sep 17 00:00:00 2001 From: PhoeniXAbhisheK Date: Mar 06 2019 15:57:34 +0000 Subject: Button styles changed --- diff --git a/assets/css/custom.css b/assets/css/custom.css index d955781..98f2440 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -81,16 +81,41 @@ blockquote { .btn { background: white; - border: 1px solid var(--secondary-color); color: var(--secondary-color); - text-transform: uppercase; padding: 0.9em 1.3em; + margin: 2em; + border: 2px solid var(--secondary-color); + border-radius: 2em; + text-transform: uppercase; } .btn:hover { background: var(--secondary-color); color: white; - border: 1px solid var(--secondary-color); + font-weight: bold; +} + +.btn-primary:hover{ + font-weight: normal; + border-color: var(--secondary-color); +} + +.btn-primary:hover img.emoji{ + transition: 0.6s ease-in; + transform: scale(1.08) rotate(360deg); +} + +.btn-login, .btn-logout { + background: none; + color: white; + border-color: #fff; + padding: 14px 20px 12px 20px; +} + +.btn-login:hover, .btn-logout:hover{ + background: #fff; + color: var(--primary-color); + border-color: #fff; } .row.content { @@ -163,18 +188,6 @@ blockquote { vertical-align: initial; } -.btn-login, .btn-logout { - background: none; - color: white; - border: none; -} - -.btn-login:hover, .btn-logout:hover { - background: none; - color: white; - border: none; -} - .sharebutton { position: relative; height: 28px;