ags: update to new syntax

.config/ags/scss/_common.scss

@@ -47,14 +47,14 @@ menu {
     animation-iteration-count: 1;
 }
 
-menubar>menuitem {
+menubar > menuitem {
     border-radius: 0.545rem;
     -gtk-outline-radius: 0.545rem;
     min-width: 13.636rem;
     min-height: 2.727rem;
 }
 
-menu>menuitem {
+menu > menuitem {
     padding: 0.4em 1.5rem;
     background: transparent;
     transition: 0.2s ease background;
@@ -62,14 +62,33 @@ menu>menuitem {
     -gtk-outline-radius: 0.545rem;
 }
 
-menu>menuitem:hover,
-menu>menuitem:focus {
+menu > menuitem:hover,
+menu > menuitem:focus {
     background-color: mix($surfaceVariant, $onSurfaceVariant, 90%);
 }
-menu>menuitem:active {
+menu > menuitem:active {
     background-color: mix($surfaceVariant, $onSurfaceVariant, 80%);
 }
 
+radio {
+    @include full-rounding;
+    margin: 0.273rem;
+    min-width: 15px;
+    min-height: 15px;
+    border: 0.068rem solid $outline;
+}
+
+// radio:first-child {
+//     background-color: red;
+// }
+
+radio:checked {
+    min-width: 8px;
+    min-height: 8px;
+    background-color: $onPrimary;
+    border: 0.477rem solid $primary;
+}
+
 tooltip {
     @include normal-rounding;
     background-color: $surfaceVariant;
@@ -129,17 +148,17 @@ tooltip {
     border: 0.068rem solid $outline;
 }
 
-.segment-container>*:first-child {
+.segment-container > *:first-child {
     border-top-left-radius: 9999px;
     border-bottom-left-radius: 9999px;
 }
 
-.segment-container>* {
+.segment-container > * {
     border-right: 0.068rem solid $outline;
     padding: 0.341rem 0.682rem;
 }
 
-.segment-container>*:last-child {
+.segment-container > *:last-child {
     border-right: 0rem solid transparent;
     border-top-right-radius: 9999px;
     border-bottom-right-radius: 9999px;
@@ -155,13 +174,13 @@ tooltip {
 }
 
 .segment-btn-enabled {
-    background-color: $secondaryContainer; 
+    background-color: $secondaryContainer;
     color: $onSecondaryContainer;
 }
 
 .segment-btn-enabled:hover,
 .segment-btn-enabled:focus {
-    background-color: $secondaryContainer; 
+    background-color: $secondaryContainer;
     color: $onSecondaryContainer;
 }
 
@@ -187,4 +206,4 @@ tooltip {
 
 .gap-h-15 {
     min-width: 1.023rem;
-}
+}