From 60a9f2cc151e4c1ab17aeeab4d2f35e918a077f6 Mon Sep 17 00:00:00 2001 From: Adhityaa Chandrasekar Date: Mon, 18 Feb 2019 16:30:38 -0500 Subject: [PATCH] button.scss: move .button to separate file --- frontend/sass/button.scss | 34 +++++++++++++++++++++++++++++++ frontend/sass/dashboard-main.scss | 33 +----------------------------- 2 files changed, 35 insertions(+), 32 deletions(-) create mode 100644 frontend/sass/button.scss diff --git a/frontend/sass/button.scss b/frontend/sass/button.scss new file mode 100644 index 0000000..08a7de2 --- /dev/null +++ b/frontend/sass/button.scss @@ -0,0 +1,34 @@ +@import "colors-main.scss"; +@import "common-main.scss"; + +.button { + @extend .shadow; + height: 40px; + min-width: 110px; + background: $white; + border: none; + outline: none; + padding: 0px 10px 0px 10px; + font-size: 12px; + text-transform: uppercase; + text-align: center; + font-weight: bold; + color: $blue-7; + cursor: pointer; + transition: all 0.2s; +} + +.button:hover { + color: $blue-6; +} + +.button:disabled { + cursor: default; + color: $gray-6; +} + +.short-button { + width: 80px; + position: absolute; + top: 10px; +} diff --git a/frontend/sass/dashboard-main.scss b/frontend/sass/dashboard-main.scss index 11588a7..c73f62a 100644 --- a/frontend/sass/dashboard-main.scss +++ b/frontend/sass/dashboard-main.scss @@ -1,6 +1,7 @@ @import "colors-main.scss"; @import "common-main.scss"; @import "checkbox.scss"; +@import "button.scss"; .subscription-nag { position: absolute; @@ -587,38 +588,6 @@ body { padding-left: 32px; } -.button { - @extend .shadow; - height: 40px; - min-width: 110px; - background: $white; - border: none; - outline: none; - padding: 0px 10px 0px 10px; - font-size: 12px; - text-transform: uppercase; - text-align: center; - font-weight: bold; - color: $blue-7; - cursor: pointer; - transition: all 0.2s; -} - -.button:hover { - color: $blue-6; -} - -.button:disabled { - cursor: default; - color: $gray-6; -} - -.short-button { - width: 80px; - position: absolute; - top: 10px; -} - .stat { -webkit-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);