style:增加响应式样式定义。

2021-04-26 08:42:12 +08:00
parent 3ef0e065f1
commit 0c0b996d57
5 changed files with 134 additions and 0 deletions
--- a/themes/grid/layout/partial/styles.ejs
+++ b/themes/grid/layout/partial/styles.ejs
@@ -3,3 +3,6 @@
 <%- css(['css/prism.css']) %>
 <%- css(['css/theme.css']) %>
 <%- css(['css/style.css']) %>
+<%- css({href: 'css/narrow.css', media: 'screen and (max-width: 600px)'}) %>
+<%- css({href: 'css/medium.css', media: 'screen and (min-width: 601px) and (max-width: 900px)'}) %>
+<%- css({href: 'css/wide.css', media: 'screen and (min-width: 901px)'}) %>