Bureaucrats, Moderators (CommentStreams), Interface administrators, Push subscription managers, Suppressors, Administrators
4,120
edits
Help:TemplateStyles/examples: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Created page with "{{note|Expand Me}} == Advantage over inline CSS == The content below is styled using template styles (see Template:Stylish and Template:Stylish/styles.css). The tables below use CSS that uses the <code>:nth-child()</code> pseudo-class which cannot be used in inline CSS. {{Stylish}} <br clear="all"> == Responsive templates == Another good use case is making templates responsive. "Responsive", in this case, means that elements dynamically grow, shrink, move a...") |
No edit summary |
||
| Line 10: | Line 10: | ||
== Responsive templates == | == Responsive templates == | ||
Another good use case is making templates responsive. "Responsive", in this case, means that elements dynamically grow, shrink, move around or become hidden depending on a device's features, such as height or width. [[Template:ResponsiveAmbox]] is a modified version of [[Template:Ambox]] that uses [[Template:ResponsiveAmbox/styles.css]]. The styles will hide the image to the left if the browser window is narrow enough. Here's an example: | Another good use case is making templates responsive. "Responsive", in this case, means that elements dynamically grow, shrink, move around or become hidden depending on a device's features, such as height or width. [[Template:ResponsiveAmbox]] is a modified version of [[Template:Ambox]] that uses [[Template:ResponsiveAmbox/styles.css]]. The styles will hide the image to the left if the browser window is narrow enough. Here's an example: | ||