summaryrefslogtreecommitdiffstats
path: root/app/common/styles/base
diff options
context:
space:
mode:
authorYoshie Muranaka <yoshiemuranaka@gmail.com>2019-09-10 08:09:43 -0700
committerYoshie Muranaka <yoshiemuranaka@gmail.com>2019-09-24 10:12:54 -0700
commit5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62 (patch)
treed8cd74dcadcacde0437d97b694db6c6e5deed096 /app/common/styles/base
parent9e961fab86142547d3c3ab8b130b4089bd9fe756 (diff)
downloadphosphor-webui-5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62.tar.gz
phosphor-webui-5b8cef81cfa896ecdb0b6ad9d43c78d67d087a62.zip
Add batch action functionality to table Component
These changes aren't currently implemented on any table. It will be added to event logs and local user table. - Create tableCheckbox component to handle custom styles and indeterminate state which needs to be set with JS - Update tableComponent layout to allow transition for toolbar. Updated user-accounts layout and styles to account for these changes Tested on Chrome, Safari, Firefox, Edge, IE Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic57a090db1ef66f9d33facfdc425db868ae8d8c6
Diffstat (limited to 'app/common/styles/base')
-rwxr-xr-xapp/common/styles/base/variables.scss10
1 files changed, 9 insertions, 1 deletions
diff --git a/app/common/styles/base/variables.scss b/app/common/styles/base/variables.scss
index 0e09f86..55a3eed 100755
--- a/app/common/styles/base/variables.scss
+++ b/app/common/styles/base/variables.scss
@@ -3,4 +3,12 @@ $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
+$duration--slow-02: 700ms; //Background dimming
+
+// https://www.carbondesignsystem.com/guidelines/motion/basics/#easing
+$standard-easing--productive: cubic-bezier(0.2, 0, 0.38, 0.9);
+$standard-easing--expressive: cubic-bezier(0.4, 0.14, 0.3, 1);
+$entrance-easing--productive: cubic-bezier(0, 0, 0.38, 0.9);
+$entrance-easing--expressive: cubic-bezier(0, 0, 0.3, 1);
+$exit-easing--productive: cubic-bezier(0.2, 0, 1, 0.9);
+$exit-easing--expressive: cubic-bezier(0.4, 0.14, 1, 1); \ No newline at end of file
OpenPOWER on IntegriCloud