Dialog slide in/out on mobile prevented by `!important`

Hi,

Yes I see now why it is !important, but this is overriding the element style I give it and I will have to remember to remove those rules each time I upgrade.

What do you think about the idea of a ui-sized class?
Then the developer could diffine their own sizes and not have them overridden.

var opt = new DialogOptions()
{
    ShowTitle = false,
    Top = "-20vh",
    Height = "20vh",
    Width = "100%",
    Class = "ui-sized another-class"
};
@media (max-width: 768px) {
  .ui-dialog:not(.ui-confirmdialog):not(.ui-sized) {
    width: 100% !important;
    top: 0px !important; }