jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-15 05:25:33 -04:00
Code Issues Activity

bump some deps & comply with stylelint 14.0.0

Browse Source
This commit is contained in:
Jake Jarvis
2021-10-22 10:37:02 -04:00
parent d9b9213399
commit df3740ecf3
15 changed files with 215 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/sass/abstracts/_functions.scss
View File

@@ -14,6 +14,8 @@
// Less compatible but better for light/dark mode switching.
// We fall back to non-alpha hex colors with postcss-color-rgba-fallback to mitigate this.
// stylelint-disable-next-line color-function-notation
$color-opaque-alpha: rgba($color, math.div(settings.$link-underline-opacity, 100%));
// Return non-gradient linear-gradient():
@@ -25,19 +27,20 @@
// https://stackoverflow.com/a/65853667/1438024
@function str-split($str, $separator: ",") {
// return immediately if this function isn't necessary
@if (string.index("#{$str}", "#{$separator}") == null) {
@if not string.index("#{$str}", "#{$separator}") {
@return $str;
}
$str-list: ();
@while string.index("#{$str}", "#{$separator}") != null {
@if (string.index("#{$str}", "#{$separator}") > 1) {
@if string.index("#{$str}", "#{$separator}") > 1 {
$str-list: list.append(
$str-list,
string.slice("#{$str}", 1, string.index("#{$str}", "#{$separator}") - 1)
);
}
$str: string.slice(
"#{$str}",
string.index("#{$str}", "#{$separator}") + 1,
@@ -45,7 +48,7 @@
);
}
@if (string.slice("#{$str}", 1, string.length("#{$str}")) != "") {
@if string.slice("#{$str}", 1, string.length("#{$str}")) != "" {
$str-list: list.append($str-list, string.slice("#{$str}", 1, string.length("#{$str}")));
}

24
assets/sass/abstracts/_responsive.scss
View File

@@ -16,17 +16,17 @@
// Responsive Awesomeness
@media screen and (max-width: settings.$responsive-width) {
@include global.responsive();
@include header.responsive();
@include footer.responsive();
@include content.responsive();
@include global.responsive;
@include header.responsive;
@include footer.responsive;
@include content.responsive;
@include home.responsive();
@include list.responsive();
@include single.responsive();
@include videos.responsive();
@include etc.responsive();
@include projects.responsive();
@include contact.responsive();
@include fourOhFour.responsive();
@include home.responsive;
@include list.responsive;
@include single.responsive;
@include videos.responsive;
@include etc.responsive;
@include projects.responsive;
@include contact.responsive;
@include fourOhFour.responsive;
}

3
assets/sass/abstracts/_settings.scss
View File

@@ -8,11 +8,11 @@ $webfont-mono-variable: "Roboto Mono var";
// System fonts
// https://markdotto.com/2018/02/07/github-system-fonts/
// stylelint-disable-next-line value-keyword-case
$system-fonts-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier",
monospace;
$font-stack-sans: list.join($webfont-sans, $system-fonts-sans);
$font-stack-variable: list.join($webfont-sans-variable, $system-fonts-sans);
$font-stack-mono: list.join($webfont-mono, $system-fonts-monospace);
@@ -20,6 +20,7 @@ $font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-monos
// The maximum width of the content area:
$max-width: 865px;
// Width at which to switch to mobile styles:
$responsive-width: 800px;

2
assets/sass/components/_animation.scss
View File

@@ -63,6 +63,7 @@
30% {
transform: rotate(0deg);
}
// pause for 3.5 out of 5 seconds
100% {
transform: rotate(0deg);
@@ -87,6 +88,7 @@
8% {
transform: scale(1);
}
// pause for ~9 out of 10 seconds
100% {
transform: scale(1);

4
assets/sass/components/_content.scss
View File

@@ -34,7 +34,7 @@ div#content {
margin-left: 0.25em;
padding: 0 0.5em 0 0.25em;
background: none;
opacity: 0;
opacity: 0%;
font-weight: 300;
line-height: 1;
@@ -50,7 +50,7 @@ div#content {
}
&:hover > a.anchorjs-link {
opacity: 1; // '#' link appears on hover over entire sub-heading line
opacity: 100%; // '#' link appears on hover over entire sub-heading line
}
}

14
assets/sass/components/_embeds.scss
View File

@@ -1,5 +1,12 @@
// External social embeds
div.embed {
&.codepen {
iframe {
width: 100%;
border: 0;
}
}
&.tweet {
.twitter-tweet-rendered iframe {
margin: 0.5em 0;
@@ -42,11 +49,4 @@ div.embed {
margin: 0 0.5em;
}
}
&.codepen {
iframe {
width: 100%;
border: 0;
}
}
}

4
assets/sass/components/_global.scss
View File

@@ -10,7 +10,6 @@ body {
height: 100%;
margin: 0 auto;
scroll-behavior: smooth;
font-family: settings.$font-stack-sans;
font-kerning: normal;
font-variant-ligatures: normal;
@@ -86,7 +85,7 @@ main {
// https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
@each $theme, $map in themes.$themes {
@at-root body.#{$theme} #{&} {
background-image: underline-hack(map-get($map, "links"));
background-image: underline-hack(map.get($map, "links"));
}
}
@@ -106,6 +105,7 @@ main {
margin-top: 0;
letter-spacing: -0.005em;
// stylelint-disable-next-line no-descending-specificity
a {
// disable fancy underline without `.no-underline`
color: inherit !important;

7
assets/sass/components/_header.scss
View File

@@ -44,7 +44,7 @@ header {
@include themes.themed(color, "links");
img#header-selfie {
opacity: 0.9;
opacity: 90%;
}
}
}
@@ -104,7 +104,8 @@ header {
background-repeat: no-repeat;
background-size: 100% 100%;
height: 1.56em; // 24.33px, don't ask
// 24.33px, don't ask
height: 1.56em;
width: 1.56em;
margin-top: -0.05em;
margin-left: 1.4em;
@@ -142,7 +143,7 @@ header {
&:hover {
img#header-selfie {
opacity: 1;
opacity: 100%;
}
}
}

52
assets/sass/components/_syntax.scss
View File

@@ -47,30 +47,6 @@ div.highlight {
}
}
// elements dynamically added by clipboard.js code
div.highlight-clipboard-enabled {
position: relative;
button.copy-button {
position: absolute;
top: 0;
right: 0;
width: 5.5em;
padding: 0.75em 0.25em;
border: 1px solid;
cursor: pointer;
font-size: 0.85em;
font-weight: 500;
line-height: 1;
&:hover {
@include themes.themed(color, "links");
}
}
}
// global table styles for line numbers and font styles
.chroma {
.lntable {
@@ -109,9 +85,9 @@ div.highlight-clipboard-enabled {
}
.kd,
//.nb,
//.nl,
//.nv,
// .nb,
// .nl,
// .nv,
.vc,
.vg,
.vi,
@@ -301,3 +277,25 @@ body.dark {
}
}
}
// elements dynamically added by clipboard.js code
div.highlight-clipboard-enabled {
position: relative;
button.copy-button {
position: absolute;
top: 0;
right: 0;
width: 5.5em;
padding: 0.75em 0.25em;
border: 1px solid;
cursor: pointer;
font-size: 0.85em;
font-weight: 500;
line-height: 1;
&:hover {
@include themes.themed(color, "links");
}
}
}

2
assets/sass/components/_typography.scss
View File

@@ -7,6 +7,8 @@
// https://github.com/fonttools/fonttools
// ex: glyphhanger --whitelist="" --family="Inter" --formats=woff2,woff --subset="*.woff"
// ex: pyftsubset --unicodes="" --layout-features=kern,liga,calt,clig,ss01 --flavor=woff --with-zopfli inter.ttf
// stylelint-disable-next-line scss/operator-no-unspaced
$unicode-subset: U+0000-00FF, U+2000-206F, U+2200-22FF, U+2122;
// Webfont scaffolding

1
assets/sass/pages/_home.scss
View File

@@ -117,7 +117,6 @@ $colors-home: (
),
);
$color-serverless: #87cef7;
$icon-wand: 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width="20" height="20"><g fill="none"><path fill="#292F33" d="M2.651 6.073l26.275 26.276c.391.391 2.888-2.107 2.497-2.497L5.148 3.576c-.39-.391-2.888 2.107-2.497 2.497z"/><path fill="#66757F" d="M29.442 31.23L3.146 4.934l.883-.883 26.296 26.296z"/><path fill="#E1E8ED" d="M33.546 33.483l-.412.412-.671.671a.967.967 0 01-.255.169.988.988 0 01-1.159-.169l-2.102-2.102.495-.495.883-.883 1.119-1.119 2.102 2.102a.999.999 0 010 1.414zM4.029 4.79l-.883.883-.495.495L.442 3.96a.988.988 0 01-.169-1.159.967.967 0 01.169-.255l.671-.671.412-.412a.999.999 0 011.414 0l2.208 2.208L4.029 4.79z"/><path fill="#F5F8FA" d="M30.325 30.497l2.809 2.809-.671.671a.967.967 0 01-.255.169l-2.767-2.767.884-.882zM3.146 5.084L.273 2.211a.967.967 0 01.169-.255l.671-.671 2.916 2.916-.883.883z"/><path fill="#FFAC33" d="M27.897 10.219l1.542.571.6 2.2a.667.667 0 001.287 0l.6-2.2 1.542-.571a.665.665 0 000-1.25l-1.534-.568-.605-2.415a.667.667 0 00-1.293 0l-.605 2.415-1.534.568a.665.665 0 000 1.25m-16.936 9.628l2.61.966.966 2.61a1.103 1.103 0 002.07 0l.966-2.61 2.609-.966a1.103 1.103 0 000-2.07l-2.609-.966-.966-2.61a1.105 1.105 0 00-2.07 0l-.966 2.61-2.61.966a1.104 1.104 0 000 2.07M23.13 4.36l1.383.512.512 1.382a.585.585 0 001.096 0l.512-1.382 1.382-.512a.584.584 0 000-1.096l-1.382-.512-.512-1.382a.585.585 0 00-1.096 0l-.512 1.382-1.383.512a.585.585 0 000 1.096"/></g></svg>';
// ----------------

3
assets/sass/pages/_projects.scss
View File

@@ -27,8 +27,7 @@ div.layout-projects {
div#github-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
justify-content: space-evenly;
align-items: flex-start;
width: 100%;