SAYMON документация

Skip to end of metadata
Go to start of metadata

Если вы хотите переопределить стили стандартных классов объектов. Или создали свой собственный класс.

Пошаговое руководство

Для этого нужно:

  1. Создать, если его еще нет, файл /usr/local/saymon/saymon.local/css/saymon.local.css

    touch /usr/local/saymon/saymon.local/css/saymon.local.css

  2. В любимом текстовом редакторе настроить внешний вид объектов класса, в том числе и при переходе состояния:

    .current-view-standard .class-smallsquare {
    background-color: rgba(0,0,0, 0);
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    }
    .current-view-standard .class-smallsquare .object {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    border: none;
    /* blue */
    background-color: rgba(19,37,240,0.75);
    }

Так будет выглядеть объект класса smallsquare.

Еще пример - меняем внешний вид подложек

Подложка - это просто объект особого класса. И её можно переопределить.

Warning!

Меняя стиль класса, вы меняете внешний вид всех (!!!) созданных объектов данного класса, что может озадачить других пользователей и заставить их задавать вам вопросы!

Для этого нужно:

  1. Создать, если его еще нет, файл /usr/local/saymon/saymon.local/css/saymon.local.css

    touch /usr/local/saymon/saymon.local/css/saymon.local.css

  2. Если есть желание добавить фоновое изображение, разместите его в папке /usr/local/saymon/saymon.local/img/, например:

    /usr/local/saymon/saymon.local/img/backing.svg

  3. В любимом текстовом редакторе настроить внешний вид объектов класса:

    .class-object-group {
    background-image: url('/saymon.local/img/backing.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
    }

Связанные статьи