Automatic CSS For Oxygen Builder 2.6.0

Представляем самую практичную и серьезную служебную среду, когда-либо созданную для Oxygen Builder.

Все, что на вашем веб-сайте с поддержкой Automatic.css содержит текст, будь то заголовок, абзац, список, поле формы или что-то еще, следует идеальной математической шкале в иерархии с помощью 12 различных вариантов размера, каждый из которых автоматически и идеально адаптируется к мобильным устройствам. . Лучше всего то, что вся система находится под вашим управлением с панели инструментов Automatic.css.

Установите цвета вашего бренда, и Automatic.css автоматически сгенерирует шесть вариантов оттенков каждого цвета. Классы дают вам возможность раскрашивать любой элемент (включая фон и наложения) этими вариантами, и вы даже можете использовать их с пользовательскими классами и идентификаторами с помощью переменных цветовой утилиты Automatic.css.

Как и в случае с типографикой в ​​Automatic.css, поля, отступы и пробелы следуют идеальной математической шкале, предоставляя вам доступ к шести значениям иерархического интервала и шести значениям интервала иерархического раздела, все из которых автоматически адаптируются. Кроме того, служебные переменные интервалов гарантируют, что даже полностью настраиваемые элементы имеют постоянный интервал.

Automatic.css использует расширенные методы CSS Clamp и Calc, чтобы гарантировать, что вся типографика, поля, отступы и пробелы полностью соответствуют максимальным и минимальным размерам области просмотра вашего веб-сайта. Вам никогда не придется возиться с точками останова, даже если вы настраиваете систему в соответствии с конкретным дизайном и макетом.

Automatic.css – это первая служебная среда, предлагающая автоматически адаптивные сетки. Установите количество желаемых столбцов на рабочем столе, а все остальное сделает Automatic.css. Для разработчиков, которые предпочитают полный контроль над своей сеткой в ​​каждой точке останова, Automatic.css предлагает полный контроль через традиционные служебные классы сетки.

Думаете, полностью автоматический фреймворк позволяет вам использовать одни и те же значения на всех сайтах? Подумай еще раз! Automatic.css дает вам потрясающий детальный контроль над типографикой, интервалом и цветами, поэтому вы можете быстро воссоздавать дизайн из Figma, Sketch и XD без проблем. Идеально подходит для агентств и команд.

Не все браузеры поддерживают функции Clamp и Calc, которые составляют основу отзывчивости Automatic.css. Однако не о чем беспокоиться, потому что в Automatic.css есть почти идеальные резервные варианты с использованием Calc для браузеров, не поддерживающих Clamp, и «чистые» резервные варианты с использованием rem или px для браузеров, не поддерживающих Calc. И да, у вас есть полный контроль над чистыми резервными значениями.