From 558a9b113a80afc24f68024b4bf005aba859548b Mon Sep 17 00:00:00 2001 From: Eltrac Date: Thu, 17 Jul 2025 09:31:24 +0800 Subject: refactor: abandon mixins --- assets/css/utils/_mixins.scss | 58 ------------------------------------------ assets/css/utils/_reset.scss | 3 ++- assets/css/utils/_utility.scss | 4 --- 3 files changed, 2 insertions(+), 63 deletions(-) delete mode 100644 assets/css/utils/_mixins.scss (limited to 'assets/css/utils') diff --git a/assets/css/utils/_mixins.scss b/assets/css/utils/_mixins.scss deleted file mode 100644 index 21cf87a3..00000000 --- a/assets/css/utils/_mixins.scss +++ /dev/null @@ -1,58 +0,0 @@ - -@mixin small-button { - background-color: var(--block-background-color); - padding: 0.2rem 0.5rem; - text-decoration: none; - border-radius: 0.2rem; - border: 1px solid var(--background-color); - transition: border-color 0.3s ease; - &:hover, .active & { - border: 1px solid var(--text-color); - text-decoration: none; - } -} - -.small-button { - @include small-button -} - -@mixin card { - border: 1px solid rgba(0, 0, 0, 0.05); - border-radius: 5px; - padding: 1rem 1.35rem; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); - background-color: #fff; - color: #333; - @media (prefers-color-scheme: dark) { - border: 1px solid rgba(255, 255, 255, 0.1); - background-color: #222; - color: #ddd; - } -} - -@mixin bordered { - border-radius: 0.5rem; - border: 1px solid var(--border-color); -} - -@mixin framed { - border: 0.2rem solid #fff; - box-shadow: 0 0.1rem 0.75rem rgba(0,0,0,0.2); -} - -@mixin postCategoryPill { - background-color: var(--block-background-color); - font-size: 0.9rem; - padding: 0.2rem 0.5rem; - border-radius: 0.2rem; - &:hover { - text-decoration: none; - } -} - -@mixin roundSticker { - background-color: var(--block-background-color); - border-radius: 50%; - box-shadow: 0 0 0.2rem rgba(0,0,0,.2); - padding: 1rem; -} diff --git a/assets/css/utils/_reset.scss b/assets/css/utils/_reset.scss index 82d5e4fc..1aa9081a 100644 --- a/assets/css/utils/_reset.scss +++ b/assets/css/utils/_reset.scss @@ -47,7 +47,8 @@ button { font-size: 1rem; text-align: center; box-sizing: border-box; - @include bordered; + border-radius: 0.5rem; + border: 1px solid var(--border-color); &a { text-decoration: none; diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss index 16b6f8c3..a12426ce 100644 --- a/assets/css/utils/_utility.scss +++ b/assets/css/utils/_utility.scss @@ -60,7 +60,3 @@ figure { .xerox { filter: url(#x); } - -.round-sticker { - @include roundSticker; -} -- cgit v1.2.3