mirror of
https://github.com/cotes2020/jekyll-theme-chirpy.git
synced 2025-12-18 05:41:31 +00:00
Optimize performance.
This commit is contained in:
@@ -106,4 +106,35 @@
|
||||
position: relative;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
#comment-wrap {
|
||||
min-height: 2rem;
|
||||
}
|
||||
|
||||
/*
|
||||
The following resposive design aim to make #comment-wrap margin-right same as pannel's width
|
||||
*/
|
||||
@media all and (min-width: 1201px) {
|
||||
#comment-wrap {
|
||||
margin-right: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1460px) {
|
||||
#comment-wrap {
|
||||
margin-right: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1650px) {
|
||||
#comment-wrap {
|
||||
margin-right: calc((100% - 1150px) / 10 + 300px);
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1700px) {
|
||||
#comment-wrap {
|
||||
margin-right: calc((100% - 1150px) / 8 + 300px);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user