Last active
September 21, 2018 16:05
-
-
Save colorful-tones/12a2369d3b1d35d12c60a6828ad50ab8 to your computer and use it in GitHub Desktop.
[Stylelint test #2] Testing https://github.com/10up/stylelint-config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Root-level Variables | |
* Usage: color: var( --c-primary ); | |
*/ | |
:root { | |
--c-blue-quinary: #174893; | |
--c-white: #ffffff; | |
--font-secondary: 'Source Sans Pro', sans-serif; | |
} | |
/* | |
* Media Query Objects | |
* Usage: @media ( --bp-small ) { [all the styles] } | |
*/ | |
@custom-media --bp-small ( min-width: 560px ); | |
@custom-media --bp-medium ( min-width: 768px ); | |
@custom-media --bp-xmedium ( min-width: 900px ); | |
@custom-media --bp-large ( min-width: 1024px ); | |
@custom-media --bp-xlarge ( min-width: 1250px ); | |
.pagination { | |
display: flex; | |
margin: 45px auto; | |
max-width: 900px; | |
flex-wrap: wrap; | |
width: 90%; | |
@media( --bp-xmedium ) { | |
flex-wrap: nowrap; | |
width: 100%; | |
} | |
} | |
.pagination__prev, | |
.pagination__links, | |
.pagination__next { | |
flex: 1 1 auto; | |
} | |
.pagination__prev { | |
order: 1; | |
} | |
.pagination__links { | |
display: flex; | |
justify-content: center; | |
order: 3; | |
width: 100%; | |
@media( --bp-xmedium ) { | |
order: 2; | |
width: auto; | |
} | |
} | |
.pagination__next { | |
text-align: right; | |
order: 2; | |
@media( --bp-xmedium ) { | |
order: 3; | |
} | |
} | |
.pagination__numbers { | |
display: flex; | |
margin: 0; | |
& li { | |
list-style :none; | |
margin-right: 8px; | |
} | |
& .more-num-link a { | |
border: 1px solid transparent; | |
} | |
} | |
.pagination__numbers a, | |
.page-numbers.dots { | |
align-items: center; | |
background: var( --c-white ); | |
border: 1px solid var( --c-blue-quinary ); | |
border-radius: 3px; | |
color: var( --c-blue-quinary ); | |
display: flex; | |
height: 42px; | |
justify-content: center; | |
width: 42px; | |
margin-right: 8px; | |
&:hover { | |
background: var( --c-blue-quinary ); | |
color: var( --c-white ); | |
text-decoration: none; | |
} | |
} | |
.pagination__numbers .page-numbers.current { | |
align-items: center; | |
background: var( --c-blue-quinary ); | |
border: 1px solid var( --c-blue-quinary ); | |
border-radius: 3px; | |
color: var( --c-white ); | |
display: flex; | |
height: 42px; | |
justify-content: center; | |
width: 42px; | |
margin-right: 8px; | |
text-decoration: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
8:13 ✖ Expected "#ffffff" to be "#fff" color-hex-length | |
10:20 ✖ Expected double quotes string-quotes | |
27:2 ✖ Expected flex-wrap to come before max-width order/properties-alphabetical-order | |
30:7 ✖ Expected single space after at-rule name "@media" at-rule-name-space-after | |
52:7 ✖ Expected single space after at-rule name "@media" at-rule-name-space-after | |
60:2 ✖ Expected order to come before text-align order/properties-alphabetical-order | |
62:7 ✖ Expected single space after at-rule name "@media" at-rule-name-space-after | |
72:14 ✖ Expected single space after ":" with a single-line declaration declaration-colon-space-after | |
72:14 ✖ Unexpected whitespace before ":" declaration-colon-space-before | |
81:1 ✖ Expected selector ".pagination__numbers a" to come before selector ".pagination__numbers .more-num-link a" no-descending-specificity | |
84:18 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
84:28 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
85:24 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
85:41 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
87:13 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
87:30 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
92:2 ✖ Expected margin-right to come before width order/properties-alphabetical-order | |
95:19 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
95:36 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
96:14 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
96:24 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
103:18 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
103:35 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
104:24 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
104:41 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
106:13 ✖ Unexpected whitespace after "(" function-parentheses-space-inside | |
106:23 ✖ Unexpected whitespace before ")" function-parentheses-space-inside | |
111:2 ✖ Expected margin-right to come before width order/properties-alphabetical-order |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment