diff options
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 9318e08e..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: 1px 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; + } } |