From 8f88c03c70cde08877231f97a635868adbbc4402 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 8 Apr 2022 21:59:50 -0700 Subject: [PATCH 1/8] Update for v4 - Rewrite all content in Markdown - Drop some outdated content - Fix all open issues - New project logo - Updated design --- _config.yml | 1 + _includes/css/class-names.css | 9 - _includes/css/comments.css | 11 - _includes/css/declaration-order.css | 29 - _includes/css/import.html | 7 - _includes/css/media-queries.css | 9 - _includes/css/nesting.scss | 9 - _includes/css/operators.scss | 9 - _includes/css/organization-comments.css | 17 - _includes/css/organization-files.txt | 9 - _includes/css/prefixed-properties.css | 5 - _includes/css/selectors.css | 9 - _includes/css/shorthand.css | 16 - _includes/css/single-declarations.css | 15 - _includes/css/syntax.css | 17 - _includes/footer.html | 7 +- _includes/header.html | 19 +- _includes/html/attribute-order.html | 7 - _includes/html/boolean-attributes.html | 7 - _includes/html/doctype.html | 5 - _includes/html/encoding.html | 3 - _includes/html/ie-compatibility-mode.html | 2 - _includes/html/lang.html | 3 - _includes/html/naming.html | 9 - _includes/html/reducing-markup.html | 7 - _includes/html/style-script.html | 10 - _includes/html/syntax.html | 10 - _layouts/default.html | 16 +- _sass/_ads.scss | 10 +- _sass/_og.scss | 144 ++--- code-guide-logo.png | Bin 0 -> 123194 bytes index.html | 415 --------------- index.md | 617 ++++++++++++++++++++++ 33 files changed, 715 insertions(+), 748 deletions(-) delete mode 100644 _includes/css/class-names.css delete mode 100644 _includes/css/comments.css delete mode 100644 _includes/css/declaration-order.css delete mode 100644 _includes/css/import.html delete mode 100644 _includes/css/media-queries.css delete mode 100644 _includes/css/nesting.scss delete mode 100644 _includes/css/operators.scss delete mode 100644 _includes/css/organization-comments.css delete mode 100644 _includes/css/organization-files.txt delete mode 100644 _includes/css/prefixed-properties.css delete mode 100644 _includes/css/selectors.css delete mode 100644 _includes/css/shorthand.css delete mode 100644 _includes/css/single-declarations.css delete mode 100644 _includes/css/syntax.css delete mode 100644 _includes/html/attribute-order.html delete mode 100644 _includes/html/boolean-attributes.html delete mode 100644 _includes/html/doctype.html delete mode 100644 _includes/html/encoding.html delete mode 100644 _includes/html/ie-compatibility-mode.html delete mode 100644 _includes/html/lang.html delete mode 100644 _includes/html/naming.html delete mode 100644 _includes/html/reducing-markup.html delete mode 100644 _includes/html/style-script.html delete mode 100644 _includes/html/syntax.html create mode 100644 code-guide-logo.png delete mode 100644 index.html create mode 100644 index.md diff --git a/_config.yml b/_config.yml index dc0db742..ee611e06 100644 --- a/_config.yml +++ b/_config.yml @@ -4,3 +4,4 @@ url: https://codeguide.co permalink: pretty sass: style: compressed +version: 4.0.0 \ No newline at end of file diff --git a/_includes/css/class-names.css b/_includes/css/class-names.css deleted file mode 100644 index fdca375a..00000000 --- a/_includes/css/class-names.css +++ /dev/null @@ -1,9 +0,0 @@ -/* Bad example */ -.t { ... } -.red { ... } -.header { ... } - -/* Good example */ -.tweet { ... } -.important { ... } -.tweet-header { ... } diff --git a/_includes/css/comments.css b/_includes/css/comments.css deleted file mode 100644 index 2080b063..00000000 --- a/_includes/css/comments.css +++ /dev/null @@ -1,11 +0,0 @@ -/* Bad example */ -/* Modal header */ -.modal-header { - ... -} - -/* Good example */ -/* Wrapping element for .modal-title and .modal-close */ -.modal-header { - ... -} diff --git a/_includes/css/declaration-order.css b/_includes/css/declaration-order.css deleted file mode 100644 index 01801d66..00000000 --- a/_includes/css/declaration-order.css +++ /dev/null @@ -1,29 +0,0 @@ -.declaration-order { - /* Positioning */ - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 100; - - /* Box-model */ - display: block; - float: right; - width: 100px; - height: 100px; - - /* Typography */ - font: normal 13px "Helvetica Neue", sans-serif; - line-height: 1.5; - color: #333; - text-align: center; - - /* Visual */ - background-color: #f5f5f5; - border: 1px solid #e5e5e5; - border-radius: 3px; - - /* Misc */ - opacity: 1; -} diff --git a/_includes/css/import.html b/_includes/css/import.html deleted file mode 100644 index aa44b5d0..00000000 --- a/_includes/css/import.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/_includes/css/media-queries.css b/_includes/css/media-queries.css deleted file mode 100644 index 7440c7a3..00000000 --- a/_includes/css/media-queries.css +++ /dev/null @@ -1,9 +0,0 @@ -.element { ... } -.element-avatar { ... } -.element-selected { ... } - -@media (min-width: 480px) { - .element { ...} - .element-avatar { ... } - .element-selected { ... } -} diff --git a/_includes/css/nesting.scss b/_includes/css/nesting.scss deleted file mode 100644 index bc863dba..00000000 --- a/_includes/css/nesting.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Without nesting -.table > thead > tr > th { … } -.table > thead > tr > td { … } - -// With nesting -.table > thead > tr { - > th { … } - > td { … } -} diff --git a/_includes/css/operators.scss b/_includes/css/operators.scss deleted file mode 100644 index eb272d44..00000000 --- a/_includes/css/operators.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Bad example -.element { - margin: 10px 0 @variable*2 10px; -} - -// Good example -.element { - margin: 10px 0 (@variable * 2) 10px; -} diff --git a/_includes/css/organization-comments.css b/_includes/css/organization-comments.css deleted file mode 100644 index d7f29a1c..00000000 --- a/_includes/css/organization-comments.css +++ /dev/null @@ -1,17 +0,0 @@ -/* - * Component section heading - */ - -.element { ... } - - -/* - * Component section heading - * - * Sometimes you need to include optional context for the entire component. Do that up here if it's important enough. - */ - -.element { ... } - -/* Contextual sub-component or modifer */ -.element-heading { ... } diff --git a/_includes/css/organization-files.txt b/_includes/css/organization-files.txt deleted file mode 100644 index a85329e3..00000000 --- a/_includes/css/organization-files.txt +++ /dev/null @@ -1,9 +0,0 @@ -stylesheets/ -├── normalize.css -├── buttons.css -├── forms.css -├── grid.css -├── header.css -├── footer.css -├── pagination.css -└── input-group.css diff --git a/_includes/css/prefixed-properties.css b/_includes/css/prefixed-properties.css deleted file mode 100644 index fc61fa28..00000000 --- a/_includes/css/prefixed-properties.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Prefixed properties */ -.selector { - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); - box-shadow: 0 1px 2px rgba(0,0,0,.15); -} diff --git a/_includes/css/selectors.css b/_includes/css/selectors.css deleted file mode 100644 index a3656731..00000000 --- a/_includes/css/selectors.css +++ /dev/null @@ -1,9 +0,0 @@ -/* Bad example */ -span { ... } -.page-container #stream .stream-item .tweet .tweet-header .username { ... } -.avatar { ... } - -/* Good example */ -.avatar { ... } -.tweet-header .username { ... } -.tweet .avatar { ... } diff --git a/_includes/css/shorthand.css b/_includes/css/shorthand.css deleted file mode 100644 index 19fa2057..00000000 --- a/_includes/css/shorthand.css +++ /dev/null @@ -1,16 +0,0 @@ -/* Bad example */ -.element { - margin: 0 0 10px; - background: red; - background: url("image.jpg"); - border-radius: 3px 3px 0 0; -} - -/* Good example */ -.element { - margin-bottom: 10px; - background-color: red; - background-image: url("image.jpg"); - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} diff --git a/_includes/css/single-declarations.css b/_includes/css/single-declarations.css deleted file mode 100644 index 818c0785..00000000 --- a/_includes/css/single-declarations.css +++ /dev/null @@ -1,15 +0,0 @@ -/* Single declarations on one line */ -.span1 { width: 60px; } -.span2 { width: 140px; } -.span3 { width: 220px; } - -/* Multiple declarations, one per line */ -.sprite { - display: inline-block; - width: 16px; - height: 15px; - background-image: url("../img/sprite.png"); -} -.icon { background-position: 0 0; } -.icon-home { background-position: 0 -20px; } -.icon-account { background-position: 0 -40px; } diff --git a/_includes/css/syntax.css b/_includes/css/syntax.css deleted file mode 100644 index 4735d99a..00000000 --- a/_includes/css/syntax.css +++ /dev/null @@ -1,17 +0,0 @@ -/* Bad CSS */ -.selector, .selector-secondary, .selector[type=text] { - padding:15px; - margin:0px 0px 15px; - background-color:rgba(0, 0, 0, 0.5); - box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF -} - -/* Good CSS */ -.selector, -.selector-secondary, -.selector[type="text"] { - padding: 15px; - margin-bottom: 15px; - background-color: rgba(0,0,0,.5); - box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff; -} diff --git a/_includes/footer.html b/_includes/footer.html index f9330073..4461c486 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,7 +1,7 @@