[Style] make pagination style in admin page #627

42organization · Feb 8, 2023 · b31182f · b31182f
1 parent c8a7eac
commit b31182f
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/styles/admin/common/Pagination.module.scss b/styles/admin/common/Pagination.module.scss
@@ -0,0 +1,30 @@
+@mixin pagination {
+  .pageNationContainer {
+    ul {
+      list-style: none;
+      padding: 0;
+
+      li {
+        display: inline-block;
+        cursor: pointer;
+        width: 27px;
+        height: 27px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 1.2rem; /* $big-font */
+        font-weight: 600;
+        a {
+          text-decoration: none;
+          color: gray; /* $g1-bottom */
+          font-size: 1rem;
+        }
+        :hover,
+        :active {
+          font-weight: 700;
+          color: black; /* $pp-red */
+        }
+      }
+    }
+  }
+}