asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 21 additions and 21 deletions
Show stats 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 { #main-wrapper {
min-height: calc(100vh - #{$footer-height-mobile}); 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 { %full-width {
max-width: 100%; max-width: 100%;
} }
@ -1248,7 +1248,7 @@ $btn-mb: 0.5rem;
} }
/* hide sidebar and panel */ /* hide sidebar and panel */
@media all and (max-width: 849px) { @media all and (width <= 849px) {
@mixin slide($append: null) { @mixin slide($append: null) {
$basic: transform 0.4s ease; $basic: transform 0.4s ease;
@ -1352,14 +1352,14 @@ $btn-mb: 0.5rem;
} /* max-width: 849px */ } /* max-width: 849px */
/* Phone & Pad */ /* Phone & Pad */
@media all and (min-width: 577px) and (max-width: 1199px) { @media all and (width >= 577px) and (width <= 1199px) {
footer .d-flex > div { footer .d-flex > div {
width: 312px; width: 312px;
} }
} }
/* Sidebar is visible */ /* Sidebar is visible */
@media all and (min-width: 850px) { @media all and (width >= 850px) {
/* Solved jumping scrollbar */ /* Solved jumping scrollbar */
html { html {
overflow-y: scroll; overflow-y: scroll;
@ -1428,7 +1428,7 @@ $btn-mb: 0.5rem;
} }
/* Pad horizontal */ /* Pad horizontal */
@media all and (min-width: 992px) and (max-width: 1199px) { @media all and (width >= 992px) and (width <= 1199px) {
#main .col-lg-11 { #main .col-lg-11 {
flex: 0 0 96%; flex: 0 0 96%;
max-width: 96%; max-width: 96%;
@ -1436,7 +1436,7 @@ $btn-mb: 0.5rem;
} }
/* Compact icons in sidebar & panel hidden */ /* 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 { #search-results > div {
max-width: 700px; max-width: 700px;
} }
@ -1451,7 +1451,7 @@ $btn-mb: 0.5rem;
} }
/* panel hidden */ /* panel hidden */
@media all and (max-width: 1199px) { @media all and (width <= 1199px) {
#panel-wrapper { #panel-wrapper {
display: none; display: none;
} }
@ -1463,7 +1463,7 @@ $btn-mb: 0.5rem;
/* --- desktop mode, both sidebar and panel are visible --- */ /* --- desktop mode, both sidebar and panel are visible --- */
@media all and (min-width: 1200px) { @media all and (width >= 1200px) {
#back-to-top { #back-to-top {
bottom: 6.5rem; 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 { #back-to-top {
right: calc((100vw - #{$sidebar-width} - 1140px) / 2 + 3rem); right: calc((100vw - #{$sidebar-width} - 1140px) / 2 + 3rem);
} }
} }
@media all and (min-width: 1650px) { @media all and (width >= 1650px) {
$icon-gap: 1rem; $icon-gap: 1rem;
#main-wrapper, #main-wrapper,

2
_sass/addon/syntax.scss
View file

@ -240,7 +240,7 @@ div {
} }
} }
@media all and (min-width: 576px) { @media all and (width >= 576px) {
div[class^='language-'] { div[class^='language-'] {
.post-content > & { .post-content > & {
@include ml-mr(0); @include ml-mr(0);

2
_sass/layout/archives.scss
View file

@ -133,7 +133,7 @@
} }
} /* #archives */ } /* #archives */
@media all and (max-width: 576px) { @media all and (width <= 576px) {
#archives { #archives {
margin-top: -1rem; margin-top: -1rem;

2
_sass/layout/category-tag.scss
View file

@ -59,7 +59,7 @@
} }
} }
@media all and (max-width: 576px) { @media all and (width <= 576px) {
#page-category, #page-category,
#page-tag { #page-tag {
ul > li { ul > li {

8
_sass/layout/home.scss
View file

@ -139,7 +139,7 @@
} /* .pagination */ } /* .pagination */
/* Tablet */ /* Tablet */
@media all and (min-width: 768px) { @media all and (width >= 768px) {
#post-list { #post-list {
%img-radius { %img-radius {
border-radius: 0 $base-radius $base-radius 0; border-radius: 0 $base-radius $base-radius 0;
@ -173,7 +173,7 @@
} }
/* Hide SideBar and TOC */ /* Hide SideBar and TOC */
@media all and (max-width: 830px) { @media all and (width <= 830px) {
.pagination { .pagination {
justify-content: space-evenly; justify-content: space-evenly;
@ -186,7 +186,7 @@
} }
/* Sidebar is visible */ /* Sidebar is visible */
@media all and (min-width: 831px) { @media all and (width >= 831px) {
#post-list { #post-list {
margin-top: 2.5rem; margin-top: 2.5rem;
} }
@ -212,7 +212,7 @@
} }
/* Panel is visible */ /* Panel is visible */
@media all and (min-width: 1200px) { @media all and (width >= 1200px) {
#post-list { #post-list {
padding-right: 0.5rem; padding-right: 0.5rem;
} }

6
_sass/layout/post.scss
View file

@ -380,7 +380,7 @@ h1 + .post-meta {
} }
} }
@media all and (max-width: 576px) { @media all and (width <= 576px) {
.preview-img[data-src] { .preview-img[data-src] {
margin-top: 2.2rem; margin-top: 2.2rem;
} }
@ -395,14 +395,14 @@ h1 + .post-meta {
} }
} }
@media all and (max-width: 768px) { @media all and (width <= 768px) {
.post-content > p > img { .post-content > p > img {
max-width: calc(100% + 1rem); max-width: calc(100% + 1rem);
} }
} }
/* Hide SideBar and TOC */ /* Hide SideBar and TOC */
@media all and (max-width: 849px) { @media all and (width <= 849px) {
.post-navigation { .post-navigation {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;