f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

style(scss): fix style-lint media-feature-range-notation issue (#1072)

Browse Source 
See also: https://stylelint.io/user-guide/rules/media-feature-range-notation/
This commit is contained in:
Cotes Chung
2023-06-04 12:29:33 +08:00
committed by GitHub
parent 29a8bc26bc
commit 1682ce9d7c
6 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
_sass/addon/commons.scss
View File

@@ -1206,7 +1206,7 @@ $btn-mb: 0.5rem;
*/
@media all and (max-width: 576px) {
@media all and (width <= 576px) {
#main-wrapper {
min-height: calc(100vh - #{$footer-height-mobile});
}
@@ -1232,7 +1232,7 @@ $btn-mb: 0.5rem;
}
}
@media all and (max-width: 768px) {
@media all and (width <= 768px) {
%full-width {
max-width: 100%;
}
@@ -1248,7 +1248,7 @@ $btn-mb: 0.5rem;
}
/* hide sidebar and panel */
@media all and (max-width: 849px) {
@media all and (width <= 849px) {
@mixin slide($append: null) {
$basic: transform 0.4s ease;
@@ -1352,14 +1352,14 @@ $btn-mb: 0.5rem;
} /* max-width: 849px */
/* Phone & Pad */
@media all and (min-width: 577px) and (max-width: 1199px) {
@media all and (width >= 577px) and (width <= 1199px) {
footer .d-flex > div {
width: 312px;
}
}
/* Sidebar is visible */
@media all and (min-width: 850px) {
@media all and (width >= 850px) {
/* Solved jumping scrollbar */
html {
overflow-y: scroll;
@@ -1428,7 +1428,7 @@ $btn-mb: 0.5rem;
}
/* Pad horizontal */
@media all and (min-width: 992px) and (max-width: 1199px) {
@media all and (width >= 992px) and (width <= 1199px) {
#main .col-lg-11 {
flex: 0 0 96%;
max-width: 96%;
@@ -1436,7 +1436,7 @@ $btn-mb: 0.5rem;
}
/* Compact icons in sidebar & panel hidden */
@media all and (min-width: 850px) and (max-width: 1199px) {
@media all and (width >= 850px) and (width <= 1199px) {
#search-results > div {
max-width: 700px;
}
@@ -1451,7 +1451,7 @@ $btn-mb: 0.5rem;
}
/* panel hidden */
@media all and (max-width: 1199px) {
@media all and (width <= 1199px) {
#panel-wrapper {
display: none;
}
@@ -1463,7 +1463,7 @@ $btn-mb: 0.5rem;
/* --- desktop mode, both sidebar and panel are visible --- */
@media all and (min-width: 1200px) {
@media all and (width >= 1200px) {
#back-to-top {
bottom: 6.5rem;
}
@@ -1504,13 +1504,13 @@ $btn-mb: 0.5rem;
}
}
@media all and (min-width: 1400px) {
@media all and (width >= 1400px) {
#back-to-top {
right: calc((100vw - #{$sidebar-width} - 1140px) / 2 + 3rem);
}
}
@media all and (min-width: 1650px) {
@media all and (width >= 1650px) {
$icon-gap: 1rem;
#main-wrapper,