deploy: 3cfe282

jdsteinbach · Jul 30, 2024 · c46bd0d · c46bd0d
1 parent 956ce3e
commit c46bd0d
Show file tree

Hide file tree

Showing 106 changed files with 23,439 additions and 23,834 deletions.
diff --git a/404/index.html b/404/index.html
diff --git a/about/index.html b/about/index.html
diff --git a/colophon/index.html b/colophon/index.html
diff --git a/colorado-sun/index.html b/colorado-sun/index.html
diff --git a/contact/index.html b/contact/index.html
diff --git a/css/2/index.html b/css/2/index.html
diff --git a/css/3/index.html b/css/3/index.html
diff --git a/css/4/index.html b/css/4/index.html
diff --git a/css/663399becca/index.html b/css/663399becca/index.html
diff --git a/css/accessible-loading-indicators/index.html b/css/accessible-loading-indicators/index.html
diff --git a/css/animating-gradients/index.html b/css/animating-gradients/index.html
diff --git a/css/async-css-noscript/index.html b/css/async-css-noscript/index.html
diff --git a/css/cheatsheet-css-font-face-declarations/index.html b/css/cheatsheet-css-font-face-declarations/index.html
diff --git a/css/code-snippet-for-typekit-users/index.html b/css/code-snippet-for-typekit-users/index.html
diff --git a/css/css-repetition-basically-whack-mole/index.html b/css/css-repetition-basically-whack-mole/index.html
diff --git a/css/css-sass-wordpress/index.html b/css/css-sass-wordpress/index.html
diff --git a/css/doesnt-move/index.html b/css/doesnt-move/index.html
diff --git a/css/firefox-flexbox-bug/index.html b/css/firefox-flexbox-bug/index.html
diff --git a/css/front-end-web-development-resources/index.html b/css/front-end-web-development-resources/index.html
diff --git a/css/holy-grail-css-animation/index.html b/css/holy-grail-css-animation/index.html
diff --git a/css/index.html b/css/index.html
diff --git a/css/just-details-no-devil/index.html b/css/just-details-no-devil/index.html
diff --git a/css/logical-properties/index.html b/css/logical-properties/index.html
diff --git a/css/main.css b/css/main.css
diff --git a/css/postcss-plugin/index.html b/css/postcss-plugin/index.html
diff --git a/css/preventing-content-reflow-lazy-loaded-images/index.html b/css/preventing-content-reflow-lazy-loaded-images/index.html
diff --git a/css/sass-maps-breakpoint-mixin/index.html b/css/sass-maps-breakpoint-mixin/index.html
diff --git a/css/sass/breaking-free-bootstrap/index.html b/css/sass/breaking-free-bootstrap/index.html
diff --git a/css/sass/creating-repeatable-style-pattern-sass-placeholders-vs-mixins/index.html b/css/sass/creating-repeatable-style-pattern-sass-placeholders-vs-mixins/index.html
diff --git a/css/sass/creating-responsive-grid-system-susy-breakpoint/index.html b/css/sass/creating-responsive-grid-system-susy-breakpoint/index.html
diff --git a/css/sass/managing-color-values-sass/index.html b/css/sass/managing-color-values-sass/index.html
diff --git a/css/sass/passing-sass-someone-sass-less/index.html b/css/sass/passing-sass-someone-sass-less/index.html
diff --git a/css/sass/sass-based-media-queries-breakpoint/index.html b/css/sass/sass-based-media-queries-breakpoint/index.html
diff --git a/css/sass/sass-grids-neat-susy/index.html b/css/sass/sass-grids-neat-susy/index.html
diff --git a/css/sass/sass-wordpress-developers/index.html b/css/sass/sass-wordpress-developers/index.html
diff --git a/css/sass/scaling-values-across-breakpoints-using-sass/index.html b/css/sass/scaling-values-across-breakpoints-using-sass/index.html
diff --git a/css/sass/stop-using-worthless-sass-mixins/index.html b/css/sass/stop-using-worthless-sass-mixins/index.html
diff --git a/css/sass/switching-ruby-sass-libsass/index.html b/css/sass/switching-ruby-sass-libsass/index.html
diff --git a/css/sass/using-sass-build-custom-type-scale-vertical-rhythm/index.html b/css/sass/using-sass-build-custom-type-scale-vertical-rhythm/index.html
diff --git a/css/sass/write-css3-without-worrying-prefixes/index.html b/css/sass/write-css3-without-worrying-prefixes/index.html
diff --git a/css/select-last-row-dynamic-grid/index.html b/css/select-last-row-dynamic-grid/index.html
diff --git a/css/snippet-animate-display-transform/index.html b/css/snippet-animate-display-transform/index.html
diff --git a/css/stop-abusing-bootstrap-foundation/index.html b/css/stop-abusing-bootstrap-foundation/index.html
diff --git a/css/targeting-a-specific-image-type-with-css/index.html b/css/targeting-a-specific-image-type-with-css/index.html
diff --git a/css/ui-animations/index.html b/css/ui-animations/index.html
diff --git a/css/use-cases-css-variables/index.html b/css/use-cases-css-variables/index.html
diff --git a/css/using-gradient-image-css-border-image/index.html b/css/using-gradient-image-css-border-image/index.html
diff --git a/css/where-to-use-css-calc-real-world/index.html b/css/where-to-use-css-calc-real-world/index.html
diff --git a/feed.xml b/feed.xml
@@ -137,7 +137,7 @@
 
 <span class="hljs-selector-class">.job__location</span>,
 <span class="hljs-selector-class">.job__hours</span> {
-  justify-self: end;
+  <span class="hljs-attribute">justify-self</span>: end;
 }
 </code></pre>
 <p>We’ve created a simple job posting card layout with CSS Grid. The column containing the title and department will take up as much room as is available, and the column with the location and hours will be only as wide as it needs to be. We’ll need to align both the location and hours to the end of their column.</p>
@@ -167,12 +167,12 @@
 
 <span class="hljs-selector-class">.scroll-row__button--back</span> {
   <span class="hljs-comment">/* left: -50px; */</span>
-  inset-inline-start: -<span class="hljs-number">50px</span>;
+  <span class="hljs-attribute">inset-inline-start</span>: -<span class="hljs-number">50px</span>;
 }
 
 <span class="hljs-selector-class">.scroll-row__button--forward</span> {
   <span class="hljs-comment">/* right: -50px; */</span>
-  inset-inline-end: -<span class="hljs-number">50px</span>;
+  <span class="hljs-attribute">inset-inline-end</span>: -<span class="hljs-number">50px</span>;
 }
 </code></pre>
 <p>Using <code class="inline">left</code> and <code class="inline">right</code> would have caused RTL problems, but using <code class="inline">inset-inline-*</code> creates positioning that responds correctly to changes in writing mode.</p>