_sass/addon/syntax.scss in jekyll-theme-chirpy-5.3.2 vs _sass/addon/syntax.scss in jekyll-theme-chirpy-5.4.0

@@ -27,38 +27,32 @@
       @include light-syntax;
     }
   }
 }
 
-/* -- Codes Snippet -- */
+/* -- code snippets -- */
 
-$code-radius: 6px;
-
 %code-snippet-bg {
   background: var(--highlight-bg-color);
 }
 
-%code-snippet-radius {
-  border-radius: $code-radius;
-}
-
 %code-snippet-padding {
   padding-left: 1rem;
   padding-right: 1.5rem;
 }
 
 .highlighter-rouge {
   @extend %code-snippet-bg;
-  @extend %code-snippet-radius;
+  @extend %rounded;
 
   color: var(--highlighter-rouge-color);
   margin-top: 0.5rem;
   margin-bottom: 1.2em; /* Override BS Inline-code style */
 }
 
 .highlight {
-  @extend %code-snippet-radius;
+  @extend %rounded;
   @extend %code-snippet-bg;
 
   @at-root figure#{&} {
     @extend %code-snippet-bg;
   }
@@ -171,12 +165,10 @@
 .code-header {
   @extend %no-cursor;
 
   $code-header-height: 2.25rem;
 
-  border-top-left-radius: $code-radius;
-  border-top-right-radius: $code-radius;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: $code-header-height;
 
@@ -224,12 +216,12 @@
   }
 
   /* clipboard */
   button {
     @extend %cursor-pointer;
+    @extend %rounded;
 
     border: 1px solid transparent;
-    border-radius: $code-radius;
     height: $code-header-height;
     width: $code-header-height;
     padding: 0;
     background-color: inherit;