Skip to content

Instantly share code, notes, and snippets.

@colorful-tones
Last active September 21, 2018 16:05
Show Gist options
  • Save colorful-tones/12a2369d3b1d35d12c60a6828ad50ab8 to your computer and use it in GitHub Desktop.
Save colorful-tones/12a2369d3b1d35d12c60a6828ad50ab8 to your computer and use it in GitHub Desktop.
[Stylelint test #2] Testing https://github.com/10up/stylelint-config
/*
* 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;
}
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