MediaWiki:Common.css: Difference between revisions

m fix height
m feat : flex center to center a box text
 
(4 intermediate revisions by the same user not shown)
Line 125: Line 125:
     min-height: 10px;
     min-height: 10px;
     width: calc(var(--font-size-medium,1rem) + 4px);
     width: calc(var(--font-size-medium,1rem) + 4px);
     height: calc(var(--font-size-medium,1rem) + 4px);
     /* height: calc(var(--font-size-medium,1rem) + 4px); */
     display: inline-block;
     display: inline-block;
     mask-size: max(calc(var(--font-size-medium,1rem) + 4px),10px);
     mask-size: max(calc(var(--font-size-medium,1rem) + 4px),10px);
     mask-position: center;
     mask-position: center;
     mask-repeat: no-repeat;
     mask-repeat: no-repeat;
    margin-right: 4px;
   }
   }
}
.skin-vector-2022 .box .box-icon {
  height: 1.625rem;
}
}


Line 221: Line 219:
.flex { display: flex; gap: 0.5em; }
.flex { display: flex; gap: 0.5em; }
.grid { display: grid; gap: 0.5em; }
.grid { display: grid; gap: 0.5em; }
.flex-center {display: flex; gap: 0.5rem; justify-content: center; align-items: center;}