Issue #3440270 by maboy, grimreaper: Replace hardcoded UI Styles...

Issue #3440270 by maboy, grimreaper: Replace hardcoded UI Styles customizations with new source plugins

modules/sobki_admin/assets/css/sobki_select_items.css

-.ui-selectmenu-menu .ui-menu-item {
-  height: 25px;
-}
-
-.ui-selectmenu-menu .ui-menu-item span {
-  top: 1px;
-}
-
-.ui-widget.ui-selectmenu-button .ui-current-item-icon {
-  margin-bottom: 2px;
-}
-
-.ui-widget.ui-selectmenu-button .ui-current-item-icon,
-.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
-  display: inline-block;
-  width: 15px;
-  height: 15px;
-  border-radius: 25px;
-}
-
-.layout-builder-configure-block .glb-form-radios {
-  display: flex;
-}
-
-.layout-builder-configure-block input[type="radio"] {
-  -webkit-appearance: none;
-}
-
-.layout-builder-configure-block .glb-form-type--radio {
-  display: flex;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  margin-right: 5px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-
-.layout-builder-configure-block input[type="radio"] + label {
-  display: flex !important;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.layout-builder-configure-block input[type="radio"] + label > span {
-  display: none;
-}
-
-.layout-builder-configure-block input[type="radio"]:checked + label {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-
-.layout-builder-configure-block
-  .glb-form-type--radio:has(input[type="radio"]:checked) {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-
-.fst-italic-icon::before {
-  content: url("../img/font-italic.svg");
-}
-
-.fst-normal-icon::before {
-  content: url("../img/font-normal.svg");
-}
-
-.text-start-icon::before {
-  content: url("../img/text-left.svg");
-}
-
-.text-center-icon::before {
-  content: url("../img/text-center.svg");
-}
-
-.text-center-icon::before {
-  content: url("../img/text-center.svg");
-}
-
-.text-end-icon::before {
-  content: url("../img/text-right.svg");
-}
-
-.text-lowercase-icon::before {
-  content: url("../img/transform-lowercase.svg");
-}
-
-.text-uppercase-icon::before {
-  content: url("../img/transform-uppercase.svg");
-}
-
-.text-capitalize-icon::before {
-  content: url("../img/transform-capitalize.svg");
-}
-
-.text-wrap-icon::before {
-  content: url("../img/wrap.svg");
-}
-
-.text-nowrap-icon::before {
-  content: url("../img/nowrap.svg");
-}
-
-.text-decoration-underline-icon::before {
-  content: url("../img/decoration-underline.svg");
-}
-
-.text-decoration-line-through-icon::before {
-  content: url("../img/decoration-strikethrough.svg");
-}
-
-.border-icon::before {
-  content: url("../img/border-all.svg");
-}
-
-.border-top-icon::before {
-  content: url("../img/border-top.svg");
-}
-
-.border-bottom-icon::before {
-  content: url("../img/border-bottom.svg");
-}
-
-.border-start-icon::before {
-  content: url("../img/border-left.svg");
-}
-
-.border-end-icon::before {
-  content: url("../img/border-right.svg");
-}
-
-.translate-middle-icon::before {
-  content: url("../img/center.svg");
-}
-
-.translate-middle-x-icon::before {
-  content: url("../img/horizontal-align.svg");
-}
-
-.translate-middle-y-icon::before {
-  content: url("../img/vertical-align.svg");
-}
-
-.visible-icon::before {
-  content: url("../img/visibility.svg");
-}
-
-.visible-icon::before {
-  content: url("../img/visibility.svg");
-}
-
-.invisible-icon::before {
-  content: url("../img/visibility-off.svg");
-}
-
-.align-content-start-icon::before,
-.align-items-start-icon::before,
-.align-self-start-icon::before {
-  content: url("../img/align-flex-start.svg");
-}
-
-.align-content-end-icon::before,
-.align-items-end-icon::before,
-.align-self-end-icon::before {
-  content: url("../img/align-flex-end.svg");
-}
-
-.align-content-center-icon::before,
-.align-items-center-icon::before,
-.align-self-center-icon::before {
-  content: url("../img/align-flex-center.svg");
-}
-
-.align-content-between-icon::before,
-.align-items-between-icon::before,
-.align-self-between-icon::before,
-.justify-content-between-icon::before {
-  content: url("../img/align-flex-space-between.svg");
-}
-
-.align-content-around-icon::before,
-.align-items-around-icon::before,
-.align-self-around-icon::before,
-.justify-content-around-icon::before {
-  content: url("../img/align-flex-space-around.svg");
-}
-
-.align-content-stretch-icon::before,
-.align-items-stretch-icon::before,
-.align-self-stretch-icon::before {
-  content: url("../img/align-flex-stretch.svg");
-}
-
-.justify-content-start-icon::before {
-  content: url("../img/justify-start.svg");
-}
-
-.justify-content-end-icon::before {
-  content: url("../img/justify-end.svg");
-}
-
-.justify-content-center-icon::before {
-  content: url("../img/justify-center.svg");
-}
-
-.flex-nowrap-icon::before {
-  content: url("../img/flex-nowrap.svg");
-}
-
-.flex-wrap-icon::before {
-  content: url("../img/flex-wrap.svg");
-}

modules/sobki_admin/assets/img/align-flex-center.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-80v-340H120v-120h320v-340h80v340h320v120H520v340h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/align-flex-end.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M80-80v-80h800v80H80Zm340-160v-560h120v560H420Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/align-flex-space-around.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M800-80v-800h80v800h-80ZM80-80v-800h80v800H80Zm520-200v-400h120v400H600Zm-360 0v-400h120v400H240Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/align-flex-space-between.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M800-80v-200H680v-400h120v-200h80v800h-80ZM80-80v-800h80v200h120v400H160v200H80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/align-flex-start.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M80-800v-80h800v80H80Zm340 640v-560h120v560H420Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/align-flex-stretch.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-560v-240H80v-80h800v80H680v240H280ZM80-80v-80h200v-240h400v240h200v80H80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/border-all.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-120v-720h720v720H120Zm640-80v-240H520v240h240Zm0-560H520v240h240v-240Zm-560 0v240h240v-240H200Zm0 560h240v-240H200v240Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/border-bottom.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M760-760v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80ZM120-120v-80h720v80H120Zm480-640v-80h80v80h-80Zm0 320v-80h80v80h-80ZM440-760v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80ZM280-760v-80h80v80h-80Zm0 320v-80h80v80h-80ZM120-760v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/border-left.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M760-120v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-720h80v720h-80Zm640-160v-80h80v80h-80Zm-320 0v-80h80v80h-80Zm320-160v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm480-160v-80h80v80h-80Zm-320 0v-80h80v80h-80Zm320-160v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Zm-160 0v-80h80v80h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/border-right.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-760v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 640v-720h80v720h-80ZM120-600v-80h80v80h-80Zm320 0v-80h80v80h-80ZM120-440v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80ZM120-280v-80h80v80h-80Zm320 0v-80h80v80h-80ZM120-120v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/border-top.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h720v80H120Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 480v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/center.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-80v-340H120v-120h320v-340h80v340h320v120H520v340h-80Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/decoration-strikethrough.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-strikethrough" viewBox="0 0 16 16">
-  <path d="M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z"/>
-</svg>
\ No newline at end of file

modules/sobki_admin/assets/img/decoration-underline.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-underline" viewBox="0 0 16 16">
-  <path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z"/>
-</svg>
\ No newline at end of file

modules/sobki_admin/assets/img/flex-nowrap.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M40-280v-400h240v400H40Zm320 0v-400h240v400H360Zm320 0v-400h240v400H680Zm-560-80h80v-240h-80v240Zm640 0h80v-240h-80v240Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/flex-wrap.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M40-80v-360h240v360H40Zm320 0v-360h240v360H360Zm320 0v-360h240v360H680Zm-240-80h80v-200h-80v200ZM40-520v-360h240v360H40Zm320 0v-360h240v360H360Zm320 0v-360h240v360H680Zm-560-80h80v-200h-80v200Zm640 0h80v-200h-80v200Z"/></svg>
\ No newline at end of file

modules/sobki_admin/assets/img/font-italic.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-italic" viewBox="0 0 16 16">
-  <path d="M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/>
-</svg>
\ No newline at end of file

modules/sobki_admin/assets/img/font-normal.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fonts" viewBox="0 0 16 16">
-  <path d="M12.258 3h-8.51l-.083 2.46h.479c.26-1.544.758-1.783 2.693-1.845l.424-.013v7.827c0 .663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062 2.434.301 2.693 1.846h.479L12.258 3z"/>
-</svg>
\ No newline at end of file