Add basic mobile styling

2022-04-27 17:19:58 -07:00
parent b6c926d2c8
commit e3cec93669
4 changed files with 80 additions and 30 deletions
--- a/src/Facepile.module.css
+++ b/src/Facepile.module.css
@@ -1,9 +1,16 @@
 .facepile {
  width: 100%;
-  height: 24px;
  position: relative;
 }

+.facepile.xs {
+  height: 24px;
+}
+
+.facepile.sm {
+  height: 32px;
+}
+
 .facepile.md {
  height: 36px;
 }
@@ -15,5 +22,5 @@
 }

 .facepile.md .avatar {
-  border: 2px solid var(--bgColor2);
+  border-width: 2px;
 }