summaryrefslogtreecommitdiffstats
path: root/app/common/styles/base/variables.scss
diff options
context:
space:
mode:
authorYoshie Muranaka <yoshiemuranaka@gmail.com>2019-05-16 13:06:32 -0500
committerGunnar Mills <gmills@us.ibm.com>2019-05-31 15:39:45 +0000
commit5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5 (patch)
tree0388def72ceac348fc4cceefcab6540b7f416e72 /app/common/styles/base/variables.scss
parent6a3b3b2cdd8e92265997fe66f6c8489caf1dd403 (diff)
downloadphosphor-webui-5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5.tar.gz
phosphor-webui-5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5.zip
Change button styles from rounded to straight corners
This will create more visual consistency between the components in the GUI since there are elements, such as text fields and dropdowns that are styled with straight corners. - Removes border radius from buttons - Removes some redundant styles - Adds input types that aren't currently inheriting defined styles Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2
Diffstat (limited to 'app/common/styles/base/variables.scss')
-rwxr-xr-xapp/common/styles/base/variables.scss6
1 files changed, 6 insertions, 0 deletions
diff --git a/app/common/styles/base/variables.scss b/app/common/styles/base/variables.scss
index e69de29..0e09f86 100755
--- a/app/common/styles/base/variables.scss
+++ b/app/common/styles/base/variables.scss
@@ -0,0 +1,6 @@
+$duration--fast-01: 70ms; //Micro-interactions such as button and toggle
+$duration--fast-02: 110ms; //Micro-interactions such as fade
+$duration--moderate-01: 150ms; //Micro-interactions, small expansion, short distance movements
+$duration--moderate-02: 240ms; //Expansion, system communication, toast
+$duration--slow-01: 400ms; //Large expansion, important system notifications
+$duration--slow-02: 700ms; //Background dimming \ No newline at end of file
OpenPOWER on IntegriCloud