[DOC] Update theme documentation with @media.

This commit is contained in:
Dave Davenport 2019-12-25 23:10:46 +01:00
parent cc71fa13b7
commit 2c56e5ca33
2 changed files with 59 additions and 0 deletions

View File

@ -1471,6 +1471,42 @@ rofi \-dump\-theme
.fi
.RE
.SH Media support
.PP
Parts of the theme can be conditionally loaded, like the CSS \fB\fC@media\fR option.
.PP
.RS
.nf
@media ( min\-width: 120px ) {
}
.fi
.RE
.PP
It supports the following keys as constraint:
.RS
.IP \(bu 2
\fB\fCmin\-width\fR: load when width is bigger then value.
.IP \(bu 2
\fB\fCmax\-width\fR: load when width is smaller then value.
.IP \(bu 2
\fB\fCmin\-height\fR: load when height is bigger then value.
.IP \(bu 2
\fB\fCmax\-height\fR: load when height is smaller then value.
.IP \(bu 2
\fB\fCmin\-aspect\-ratio\fR load when aspect ratio is over value.
.IP \(bu 2
\fB\fCmax\-aspect\_ratio\fR: load when aspect ratio is under value.
.IP \(bu 2
\fB\fCmonitor\-id\fR: The monitor id, see rofi \-help for id's.
.RE
.SH EXAMPLES
.PP
Several examples are installed together with \fBrofi\fP\&. These can be found in \fB\fC{datadir}/rofi/themes/\fR, where

View File

@ -933,6 +933,29 @@ To print the current theme, run:
rofi -dump-theme
```
## Media support
Parts of the theme can be conditionally loaded, like the CSS `@media` option.
```
@media ( min-width: 120px ) {
}
```
It supports the following keys as constraint:
* `min-width`: load when width is bigger then value.
* `max-width`: load when width is smaller then value.
* `min-height`: load when height is bigger then value.
* `max-height`: load when height is smaller then value.
* `min-aspect-ratio` load when aspect ratio is over value.
* `max-aspect_ratio`: load when aspect ratio is under value.
* `monitor-id`: The monitor id, see rofi -help for id's.
## EXAMPLES