... | ... | @@ -156,3 +156,39 @@ _Visibility:_ |
|
|
|
|
|
|
|
|
Этот раздел отвечает за CSS-классы, которые предоставляет Quasar Framework для управления видимостью компонентов и элементов DOM в зависимости от размера экрана. На странице приведены все возможные классы и их описание. Классы можно использовать как переменные Sass/SCSS в CSS-коде или непосредственно как CSS-классы в HTML-шаблонах. Кроме того, на странице есть информация о том, как использовать эти классы в сочетании с другими классами Quasar, а также ссылки на другие разделы, такие как Introduction to Flexbox, которые могут быть полезны при работе с отзывчивым дизайном.
|
|
|
|
|
|
|
|
|
_Positioning:_
|
|
|
|
|
|
|
|
|
Данный раздел предоставляет список CSS-классов, которые могут использоваться для легкой позиционирования элементов DOM. Эти классы включают в себя опции для установки фиксированной или абсолютной позиции на разных краях экрана, а также опции для плавающих элементов влево или вправо. Список классов можно найти на сайте.
|
|
|
|
|
|
|
|
|
_Sass/SCSS Variables:_
|
|
|
|
|
|
|
|
|
Этот раздел предоставляет список переменных Sass/SCSS, которые могут быть изменены и/или использованы внутри devland, если вы этого захотите. В вашем приложении *.vue или в файлах .sass/.scss вы можете использовать любые переменные Sass/SCSS Quasar (например, $primary, $red-1) и любые другие переменные Sass/SCSS, которые вы объявили в своем /src/css/quasar.variables.sass или /src/css/quasar.variables.scss (в зависимости от вашего любимого вкуса Sass) при использовании Quasar CLI.
|
|
|
|
|
|
|
|
|
_Other CSS Helper Classes:_
|
|
|
|
|
|
|
|
|
Этот раздел предоставляет список CSS-классов, которые могут использоваться для упрощения работы с мышью, размерами, ориентацией и границами элементов DOM. Эти классы могут быть очень полезны для упрощения работы с вашими Vue-шаблонами и моделями. Список классов не является полным, но вы можете также проверить другие страницы документации CSS, такие как Typography, Visibility, Shadows, Positioning.
|
|
|
|
|
|
|
|
|
**Layput and Grid:**
|
|
|
|
|
|
|
|
|
_Flex Grid:_
|
|
|
|
|
|
|
|
|
_Introduction to Flexbox:_
|
|
|
|
|
|
|
|
|
Этот раздел предоставляет базовую теорию CSS-классов Quasar Flex и готовит вас к более подробным страницам Grid Row, Grid Column и Grid Gutter. Flexbox - это модуль, на котором основаны CSS-классы Quasar Flex, который стремится обеспечить более эффективный способ расположения, выравнивания и распределения пространства между элементами в контейнере, даже когда их размер неизвестен и/или динамический. Классы Quasar Flex CSS могут быть применены на основе ширины экрана, чтобы помочь вам создавать отзывчивый пользовательский интерфейс. Список классов можно найти на сайте.
|
|
|
|
|
|
|
|
|
_Grid Row:_
|
|
|
|
|
|
|
|
|
Этот раздел предоставляет список CSS-классов, которые могут использоваться для создания сложных адаптивных макетов. Эти классы позволяют настраивать размеры столбцов на устройствах разных размеров, а также управлять выравниванием и расположением элементов внутри строки. Классы могут быть использованы для создания отзывчивого пользовательского интерфейса. Список классов можно найти на сайте. |
|
|
\ Нет новой строки в конце файла |