refactor: remove redundant CSS and shortcodes

Because images are centered by default, so there's no need to specify a "center" class.

"small" class is replaced by "!small" url pattern.

1 files changed, 0 insertions, 75 deletions

diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss
index f61295ed..725d5eb2 100644
--- a/assets/css/components/_shortcodes.scss
+++ b/assets/css/components/_shortcodes.scss
@@ -47,66 +47,6 @@
   }
 }
 
-/* blog links */
-
-div.blog-links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-}
-
-a.blog-link {
-  position: relative;
-  background-color: var(--block-background-color);
-  text-decoration: none;
-  color: var(--text-color);
-  padding: 1rem 2rem;
-  padding-right: 4rem;
-  border-radius: 1rem;
-  width: calc(50% - 2rem);
-  box-sizing: border-box;
-  overflow: hidden
-}
-
-@media screen and (max-width: 768px) {
-  a.blog-link {
-    font-size: 1.2rem;
-    padding: 0.5rem 1rem;
-    padding-right: 2rem;
-    width: 100%;
-  }
-}
-
-a.blog-link h4,
-a.blog-link p {
-  margin: 0;
-  font-size: 1.2rem;
-}
-
-a.blog-link p {
-  line-height: 1.5;
-}
-
-a.blog-link .blog-link-content {
-  z-index: 10;
-}
-
-a.blog-link-image {
-  z-index: 0;
-}
-
-a.blog-link img {
-  --size: 5rem;
-  display: block;
-  position: absolute;
-  right: -1rem;
-  bottom: -1rem;
-  width: var(--size);
-  height: var(--size);
-  border-radius: 100%;
-  z-index: 0;
-}
-
 /* book showcase shortcode */
 
 .book-showcase {
@@ -152,21 +92,6 @@ a.blog-link img {
   & > p { display: none }
 }
 
-/* gallery */
-
-.gallery-img {
-  text-align: center;
-}
-
-.gallery-img span {
-  text-align: center;
-}
-
-.gallery-img-desc {
-  font-size: 0.8em;
-  font-weight: 800;
-}
-
 /* sidenote shortcode */
 
 @media screen and (max-width: 1199px) {