├── config-example.json ├── .gitattributes ├── .editorconfig ├── package.json ├── .gitignore ├── index.js └── README.md /config-example.json: -------------------------------------------------------------------------------- 1 | { 2 | "password": "" 3 | } 4 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # https://github.com/mhulse/gh-boiler/issues/42 2 | 3 | * text=auto 4 | 5 | *.ai binary 6 | *.dcst binary 7 | *.flst binary 8 | *.indb binary 9 | *.indd binary 10 | *.indt binary 11 | *.pdf binary 12 | *.psd binary 13 | *.blend* binary 14 | 15 | *.eot binary 16 | *.ttf binary 17 | *.woff* binary 18 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # This file is for unifying the coding style for different editors and IDEs. 2 | # EditorConfig is AweSome: http://editorconfig.org/ 3 | 4 | root = true 5 | 6 | [*] 7 | charset = utf-8 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | indent_size = 4 12 | indent_style = space 13 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "//": "Generate a new README.md by running `$ npm install` and then `$ npm start`.", 3 | "name": "css-issues", 4 | "title": "CSS Issues", 5 | "description": "Practical CSS code snippets and examples.", 6 | "repository": "https://github.com/mhulse/css-issues", 7 | "version": "1.0.0", 8 | "main": "index.js", 9 | "scripts": { 10 | "start": "node ." 11 | }, 12 | "dependencies": { 13 | "@octokit/rest": "^15.2.6", 14 | "json-groupby": "^1.1.0", 15 | "object-delete-value": "^1.0.0", 16 | "sort-keys": "^2.0.0" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # https://github.com/github/gitignore 2 | 3 | # COMPILED SOURCE # 4 | ################### 5 | 6 | *.class 7 | *.com 8 | *.dll 9 | *.exe 10 | *.o 11 | *.py[cdo] 12 | *.so 13 | 14 | # PACKAGES # 15 | ############ 16 | 17 | *.7z 18 | *.dmg 19 | *.egg* 20 | *.gz 21 | *.iso 22 | *.jar 23 | *.rar 24 | *.tar 25 | *.tgz 26 | *.zip 27 | 28 | # LOGS AND DATABASES # 29 | ###################### 30 | 31 | *.log* 32 | *.sql 33 | *.sqlite 34 | *.db 35 | 36 | # OS GENERATED FILES # 37 | ###################### 38 | 39 | ._* 40 | .DS_Store 41 | .DS_Store? 42 | .Spotlight-V100 43 | .Trashes 44 | Desktop.ini 45 | ehthumbs.db 46 | Icon^M^M 47 | Thumbs.db 48 | 49 | # EDITORS # 50 | ########### 51 | 52 | _compareTemp 53 | .\#* 54 | .elc 55 | .idea 56 | .project 57 | .pydevproject 58 | .settings 59 | .vscode 60 | [_]notes/ 61 | *.[lL][cC][kK] 62 | *.mno 63 | *.sublime-workspace 64 | *.swo 65 | *.swp 66 | *~ 67 | /.emacs.desktop 68 | /.emacs.desktop.lock 69 | \#*\# 70 | auto-save-list 71 | configs/ 72 | dwsync.xml 73 | tramp 74 | 75 | # RUNTIME DATA # 76 | ################ 77 | 78 | *.pid 79 | *.seed 80 | pids 81 | 82 | # MISCELLANEOUS # 83 | ################# 84 | 85 | *.bak 86 | .cvs 87 | .svn 88 | sitemap.xml.gz*~ 89 | 90 | # PROJECT-SPECIFIC # 91 | #################### 92 | 93 | node_modules 94 | config.json 95 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | // jshint ignore: start 2 | 3 | const octokit = require('@octokit/rest')(); 4 | const groupby = require('json-groupby'); 5 | const sortkeys = require('sort-keys'); 6 | const delval = require('object-delete-value') 7 | const fs = require('fs'); 8 | const config = require('./config.json'); 9 | const package = require('./package.json'); 10 | 11 | if (config.password) { 12 | octokit.authenticate({ 13 | type: 'basic', 14 | username: 'mhulse', 15 | password: config.password 16 | }); 17 | } else { 18 | console.log('Password needed!'); 19 | } 20 | 21 | async function getIssues(labels = []) { 22 | let response = await octokit.issues.getForRepo({ 23 | owner: 'mhulse', 24 | repo: 'css-issues', 25 | // milestone, 26 | state: 'open', 27 | // assignee, 28 | // creator, 29 | // per_page, 30 | labels: labels.join(','), 31 | // sort, 32 | // direction, 33 | // since, 34 | // page, 35 | per_page: 100, 36 | // mentioned 37 | headers: { 38 | accept: 'application/vnd.github.symmetra-preview+json' 39 | }, 40 | }); 41 | let {data} = response; 42 | while (octokit.hasNextPage(response)) { 43 | response = await octokit.getNextPage(response); 44 | data = data.concat(response.data); 45 | } 46 | return data; 47 | }; 48 | 49 | getIssues([ 50 | 'README' 51 | ]).then(issues => { 52 | 53 | if (issues.length) { 54 | 55 | let issues_grouped = groupby(issues, ['labels.name']); 56 | let issues_sorted = sortkeys(issues_grouped); 57 | let issues_sorted_copy = JSON.parse(JSON.stringify(issues_sorted)); // Deep copy. 58 | let output = ''; 59 | let issues_found = []; 60 | let toc_jump = '[](#table-of-contents)'; 61 | let uncategorized = false; 62 | 63 | output += `# ${package.title}\n`; 64 | 65 | output += `\n**${package.description}**\n`; 66 | 67 | output += `\n## Table of contents\n`; 68 | 69 | Object.keys(issues_sorted).forEach(issue => { 70 | 71 | if (issue != 'README') { 72 | 73 | output += `- [${issue}](#${issue.replace(/\s+/g, '-').toLowerCase()})\n`; 74 | 75 | } 76 | 77 | }); 78 | 79 | Object.keys(issues_sorted).forEach(issue => { 80 | 81 | if (issue != 'README') { 82 | 83 | output += (`\n\n## ${issue} ${toc_jump}`); 84 | 85 | output += (`\n\nDescription | Issue #\n:-- | :--`); 86 | 87 | Object.keys(issues_sorted[issue]).forEach(issues_key => { 88 | 89 | issues_key = issues_sorted[issue][issues_key]; 90 | 91 | issues_found.push(issues_key.number); 92 | 93 | output += (`\n[${issues_key.title}](${issues_key.html_url}) | ${issues_key.number}`); 94 | 95 | }); 96 | 97 | } 98 | 99 | }); 100 | 101 | Object.keys(issues_sorted_copy['README']).forEach(issues_key => { 102 | 103 | issues_key = issues_sorted_copy['README'][issues_key]; 104 | 105 | if ( ! issues_found.includes(issues_key.number)) { 106 | 107 | if ( ! uncategorized) { 108 | 109 | output += (`\n\n## Uncategorized ${toc_jump}`); 110 | 111 | output += (`\n\n Description | Issue #\n:-- | :--`); 112 | 113 | } 114 | 115 | uncategorized = true; 116 | 117 | output += (`\n[${issues_key.title}](${issues_key.html_url}) | ${issues_key.number}`); 118 | 119 | } 120 | 121 | }); 122 | 123 | fs.writeFileSync('README.md', output); 124 | 125 | } 126 | 127 | }); 128 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CSS Issues 2 | 3 | **Practical CSS code snippets and examples.** 4 | 5 | ## Table of contents 6 | - [Animation](#animation) 7 | - [Bootstrap](#bootstrap) 8 | - [Borders](#borders) 9 | - [Boxes](#boxes) 10 | - [Buttons](#buttons) 11 | - [Colors](#colors) 12 | - [Effects](#effects) 13 | - [Flexbox](#flexbox) 14 | - [Font Awesome](#font-awesome) 15 | - [Forms](#forms) 16 | - [Globals](#globals) 17 | - [Images](#images) 18 | - [JavaScript](#javascript) 19 | - [Layout](#layout) 20 | - [Links](#links) 21 | - [Lists](#lists) 22 | - [Media](#media) 23 | - [Miscellaneous](#miscellaneous) 24 | - [Navigation](#navigation) 25 | - [Print](#print) 26 | - [Research](#research) 27 | - [Responsive](#responsive) 28 | - [Tables](#tables) 29 | - [Typography](#typography) 30 | - [Utility](#utility) 31 | - [iOS](#ios) 32 | 33 | 34 | ## Animation [](#table-of-contents) 35 | 36 | Description | Issue # 37 | :-- | :-- 38 | [Animated ellipsis …](https://github.com/mhulse/css-issues/issues/87) | 87 39 | [Make something blink](https://github.com/mhulse/css-issues/issues/79) | 79 40 | [Animating things on hover](https://github.com/mhulse/css-issues/issues/28) | 28 41 | 42 | ## Bootstrap [](#table-of-contents) 43 | 44 | Description | Issue # 45 | :-- | :-- 46 | [Bootstrap 4 grid tips](https://github.com/mhulse/css-issues/issues/180) | 180 47 | [BootStrap 3 semantic/contextual colors](https://github.com/mhulse/css-issues/issues/136) | 136 48 | [Bootstrap3 showing/hiding utils](https://github.com/mhulse/css-issues/issues/125) | 125 49 | [JS/css breakpoint mingle](https://github.com/mhulse/css-issues/issues/123) | 123 50 | [Bootstap 4 contextual colors](https://github.com/mhulse/css-issues/issues/114) | 114 51 | [Brand colors](https://github.com/mhulse/css-issues/issues/70) | 70 52 | [Pull left and right](https://github.com/mhulse/css-issues/issues/60) | 60 53 | [Bootstrap close button](https://github.com/mhulse/css-issues/issues/59) | 59 54 | [Bootstrap 4 font stack](https://github.com/mhulse/css-issues/issues/21) | 21 55 | 56 | ## Borders [](#table-of-contents) 57 | 58 | Description | Issue # 59 | :-- | :-- 60 | [Multiple-border box](https://github.com/mhulse/css-issues/issues/177) | 177 61 | [Css circle](https://github.com/mhulse/css-issues/issues/23) | 23 62 | 63 | ## Boxes [](#table-of-contents) 64 | 65 | Description | Issue # 66 | :-- | :-- 67 | [Multiple-border box](https://github.com/mhulse/css-issues/issues/177) | 177 68 | [Fix gaps between inline-block children without changing markup](https://github.com/mhulse/css-issues/issues/122) | 122 69 | [Highlight box](https://github.com/mhulse/css-issues/issues/107) | 107 70 | [Timer box](https://github.com/mhulse/css-issues/issues/76) | 76 71 | [Callout CSS and html](https://github.com/mhulse/css-issues/issues/69) | 69 72 | [Hero gradient overlay](https://github.com/mhulse/css-issues/issues/34) | 34 73 | [Css circle](https://github.com/mhulse/css-issues/issues/23) | 23 74 | 75 | ## Buttons [](#table-of-contents) 76 | 77 | Description | Issue # 78 | :-- | :-- 79 | [Hover highlight using background image](https://github.com/mhulse/css-issues/issues/184) | 184 80 | [Input with button on same line, no widths](https://github.com/mhulse/css-issues/issues/174) | 174 81 | [Font Awesome icons](https://github.com/mhulse/css-issues/issues/165) | 165 82 | [Logo background image](https://github.com/mhulse/css-issues/issues/151) | 151 83 | [Cool Button](https://github.com/mhulse/css-issues/issues/124) | 124 84 | [Bootstrap close button](https://github.com/mhulse/css-issues/issues/59) | 59 85 | [Title or button with line behind it in center](https://github.com/mhulse/css-issues/issues/56) | 56 86 | [Play button image](https://github.com/mhulse/css-issues/issues/52) | 52 87 | [Button class](https://github.com/mhulse/css-issues/issues/40) | 40 88 | [Cursor hand pointer (finger)](https://github.com/mhulse/css-issues/issues/20) | 20 89 | 90 | ## Colors [](#table-of-contents) 91 | 92 | Description | Issue # 93 | :-- | :-- 94 | [BootStrap 3 semantic/contextual colors](https://github.com/mhulse/css-issues/issues/136) | 136 95 | [Bootstap 4 contextual colors](https://github.com/mhulse/css-issues/issues/114) | 114 96 | [Brand colors](https://github.com/mhulse/css-issues/issues/70) | 70 97 | 98 | ## Effects [](#table-of-contents) 99 | 100 | Description | Issue # 101 | :-- | :-- 102 | [Highlight outline text with no shift](https://github.com/mhulse/css-issues/issues/129) | 129 103 | [Gradient text](https://github.com/mhulse/css-issues/issues/126) | 126 104 | [Funky ass animated link hover underline shit](https://github.com/mhulse/css-issues/issues/110) | 110 105 | [box shadow underline](https://github.com/mhulse/css-issues/issues/84) | 84 106 | [Animated box shadow](https://github.com/mhulse/css-issues/issues/47) | 47 107 | [Hero gradient overlay](https://github.com/mhulse/css-issues/issues/34) | 34 108 | [Top/bottom inset borders](https://github.com/mhulse/css-issues/issues/27) | 27 109 | [Global link transitions](https://github.com/mhulse/css-issues/issues/10) | 10 110 | 111 | ## Flexbox [](#table-of-contents) 112 | 113 | Description | Issue # 114 | :-- | :-- 115 | [Flexbox full page body and html with sticky header and footer](https://github.com/mhulse/css-issues/issues/183) | 183 116 | [Two column layout with flexbox enhancement](https://github.com/mhulse/css-issues/issues/181) | 181 117 | [Another flexbox layout (login landing page)](https://github.com/mhulse/css-issues/issues/119) | 119 118 | [Flexbox sticky footer](https://github.com/mhulse/css-issues/issues/112) | 112 119 | [Flexbox full screen layout with header and footer](https://github.com/mhulse/css-issues/issues/105) | 105 120 | [Flexbox tips](https://github.com/mhulse/css-issues/issues/95) | 95 121 | [Flexbox items in a line, with one element taking up leftover space](https://github.com/mhulse/css-issues/issues/91) | 91 122 | [Flexbox lines centered content](https://github.com/mhulse/css-issues/issues/86) | 86 123 | [Timer box](https://github.com/mhulse/css-issues/issues/76) | 76 124 | [Flex split](https://github.com/mhulse/css-issues/issues/75) | 75 125 | [Simple flexbox column layout with margins inbetween](https://github.com/mhulse/css-issues/issues/18) | 18 126 | 127 | ## Font Awesome [](#table-of-contents) 128 | 129 | Description | Issue # 130 | :-- | :-- 131 | [Font Awesome icons](https://github.com/mhulse/css-issues/issues/165) | 165 132 | [Blockquotes using FontAwesome](https://github.com/mhulse/css-issues/issues/152) | 152 133 | [Font Awesome checkbox and radios](https://github.com/mhulse/css-issues/issues/109) | 109 134 | [Fontawesome Plus and minus for accordion-like headings](https://github.com/mhulse/css-issues/issues/98) | 98 135 | [Font-awesome svg rounded icon ](https://github.com/mhulse/css-issues/issues/92) | 92 136 | 137 | ## Forms [](#table-of-contents) 138 | 139 | Description | Issue # 140 | :-- | :-- 141 | [Form radio and checkbox with label text that does not wrap under inputs](https://github.com/mhulse/css-issues/issues/196) | 196 142 | [Text area that grows as you type](https://github.com/mhulse/css-issues/issues/179) | 179 143 | [Input with button on same line, no widths](https://github.com/mhulse/css-issues/issues/174) | 174 144 | [Search box](https://github.com/mhulse/css-issues/issues/160) | 160 145 | [Custom select box](https://github.com/mhulse/css-issues/issues/116) | 116 146 | [Font Awesome checkbox and radios](https://github.com/mhulse/css-issues/issues/109) | 109 147 | [Styling placeholder text](https://github.com/mhulse/css-issues/issues/104) | 104 148 | [Forms](https://github.com/mhulse/css-issues/issues/49) | 49 149 | 150 | ## Globals [](#table-of-contents) 151 | 152 | Description | Issue # 153 | :-- | :-- 154 | [Better box model](https://github.com/mhulse/css-issues/issues/143) | 143 155 | [Hide semantically “untitled” empty headings](https://github.com/mhulse/css-issues/issues/141) | 141 156 | [Full page body and html](https://github.com/mhulse/css-issues/issues/138) | 138 157 | [Overflow html/body auto](https://github.com/mhulse/css-issues/issues/83) | 83 158 | [Selection](https://github.com/mhulse/css-issues/issues/35) | 35 159 | [.h1 - .h6](https://github.com/mhulse/css-issues/issues/4) | 4 160 | 161 | ## Images [](#table-of-contents) 162 | 163 | Description | Issue # 164 | :-- | :-- 165 | [Proportional scaling image element](https://github.com/mhulse/css-issues/issues/176) | 176 166 | [Image captions](https://github.com/mhulse/css-issues/issues/170) | 170 167 | [Align image right, left and center](https://github.com/mhulse/css-issues/issues/169) | 169 168 | [Remove outline from a linked image](https://github.com/mhulse/css-issues/issues/168) | 168 169 | [Responsive images](https://github.com/mhulse/css-issues/issues/167) | 167 170 | [Aliased images](https://github.com/mhulse/css-issues/issues/161) | 161 171 | [Logo background image](https://github.com/mhulse/css-issues/issues/151) | 151 172 | [Paralax](https://github.com/mhulse/css-issues/issues/65) | 65 173 | 174 | ## JavaScript [](#table-of-contents) 175 | 176 | Description | Issue # 177 | :-- | :-- 178 | [Hide/show with .no-js/.js classes](https://github.com/mhulse/css-issues/issues/195) | 195 179 | [Basic accordion using jQuery](https://github.com/mhulse/css-issues/issues/188) | 188 180 | [JS/css breakpoint mingle](https://github.com/mhulse/css-issues/issues/123) | 123 181 | 182 | ## Layout [](#table-of-contents) 183 | 184 | Description | Issue # 185 | :-- | :-- 186 | [Form radio and checkbox with label text that does not wrap under inputs](https://github.com/mhulse/css-issues/issues/196) | 196 187 | [Flexbox full page body and html with sticky header and footer](https://github.com/mhulse/css-issues/issues/183) | 183 188 | [Two column layout with flexbox enhancement](https://github.com/mhulse/css-issues/issues/181) | 181 189 | [Bootstrap 4 grid tips](https://github.com/mhulse/css-issues/issues/180) | 180 190 | [Input with button on same line, no widths](https://github.com/mhulse/css-issues/issues/174) | 174 191 | [Align image right, left and center](https://github.com/mhulse/css-issues/issues/169) | 169 192 | [Calc columns](https://github.com/mhulse/css-issues/issues/158) | 158 193 | [Text on left, middle and right, same line](https://github.com/mhulse/css-issues/issues/157) | 157 194 | [Source order, primary column/content first](https://github.com/mhulse/css-issues/issues/156) | 156 195 | [Centering absolutely](https://github.com/mhulse/css-issues/issues/155) | 155 196 | [Something on left, something on right, fluid](https://github.com/mhulse/css-issues/issues/154) | 154 197 | [Simple two-column float, fixed left sidebar](https://github.com/mhulse/css-issues/issues/153) | 153 198 | [Clearing floats](https://github.com/mhulse/css-issues/issues/144) | 144 199 | [Better box model](https://github.com/mhulse/css-issues/issues/143) | 143 200 | [Full page body and html](https://github.com/mhulse/css-issues/issues/138) | 138 201 | [Sticky footer layout for IE9+ and modern browsers](https://github.com/mhulse/css-issues/issues/132) | 132 202 | [Fix gaps between inline-block children without changing markup](https://github.com/mhulse/css-issues/issues/122) | 122 203 | [Another flexbox layout (login landing page)](https://github.com/mhulse/css-issues/issues/119) | 119 204 | [Horizontal Rules](https://github.com/mhulse/css-issues/issues/113) | 113 205 | [Flexbox sticky footer](https://github.com/mhulse/css-issues/issues/112) | 112 206 | [CSS columns masonry emulation](https://github.com/mhulse/css-issues/issues/108) | 108 207 | [Flexbox full screen layout with header and footer](https://github.com/mhulse/css-issues/issues/105) | 105 208 | [Flexbox items in a line, with one element taking up leftover space](https://github.com/mhulse/css-issues/issues/91) | 91 209 | [Flexbox lines centered content](https://github.com/mhulse/css-issues/issues/86) | 86 210 | [Flex split](https://github.com/mhulse/css-issues/issues/75) | 75 211 | [waffle grid thingy](https://github.com/mhulse/css-issues/issues/58) | 58 212 | [Viewport and calc](https://github.com/mhulse/css-issues/issues/48) | 48 213 | [Hero gradient overlay](https://github.com/mhulse/css-issues/issues/34) | 34 214 | [Simple flexbox column layout with margins inbetween](https://github.com/mhulse/css-issues/issues/18) | 18 215 | [Fixed column](https://github.com/mhulse/css-issues/issues/16) | 16 216 | 217 | ## Links [](#table-of-contents) 218 | 219 | Description | Issue # 220 | :-- | :-- 221 | [Disable pointer events (mouse click)](https://github.com/mhulse/css-issues/issues/186) | 186 222 | [Hover highlight using background image](https://github.com/mhulse/css-issues/issues/184) | 184 223 | [Remove outline from a linked image](https://github.com/mhulse/css-issues/issues/168) | 168 224 | [Disable iOS callout on click](https://github.com/mhulse/css-issues/issues/164) | 164 225 | [Remove link outline](https://github.com/mhulse/css-issues/issues/146) | 146 226 | [Links](https://github.com/mhulse/css-issues/issues/140) | 140 227 | [Funky ass animated link hover underline shit](https://github.com/mhulse/css-issues/issues/110) | 110 228 | [box shadow underline](https://github.com/mhulse/css-issues/issues/84) | 84 229 | [Social icons and shit](https://github.com/mhulse/css-issues/issues/68) | 68 230 | [Bold hover](https://github.com/mhulse/css-issues/issues/24) | 24 231 | [Global link transitions](https://github.com/mhulse/css-issues/issues/10) | 10 232 | 233 | ## Lists [](#table-of-contents) 234 | 235 | Description | Issue # 236 | :-- | :-- 237 | [Custom list counter with nested lists](https://github.com/mhulse/css-issues/issues/191) | 191 238 | [Custom list counter](https://github.com/mhulse/css-issues/issues/178) | 178 239 | [Default list styles](https://github.com/mhulse/css-issues/issues/73) | 73 240 | [Lists](https://github.com/mhulse/css-issues/issues/50) | 50 241 | 242 | ## Media [](#table-of-contents) 243 | 244 | Description | Issue # 245 | :-- | :-- 246 | [Proportional scaling image element](https://github.com/mhulse/css-issues/issues/176) | 176 247 | [Image captions](https://github.com/mhulse/css-issues/issues/170) | 170 248 | [Align image right, left and center](https://github.com/mhulse/css-issues/issues/169) | 169 249 | [Responsive media wrapper](https://github.com/mhulse/css-issues/issues/150) | 150 250 | [Background video](https://github.com/mhulse/css-issues/issues/131) | 131 251 | [New MM](https://github.com/mhulse/css-issues/issues/53) | 53 252 | [Play button image](https://github.com/mhulse/css-issues/issues/52) | 52 253 | [More media stuffs](https://github.com/mhulse/css-issues/issues/17) | 17 254 | 255 | ## Miscellaneous [](#table-of-contents) 256 | 257 | Description | Issue # 258 | :-- | :-- 259 | [Disable pointer events (mouse click)](https://github.com/mhulse/css-issues/issues/186) | 186 260 | [Attribute Selectors](https://github.com/mhulse/css-issues/issues/135) | 135 261 | [Gradient text](https://github.com/mhulse/css-issues/issues/126) | 126 262 | [On the topic of units](https://github.com/mhulse/css-issues/issues/117) | 117 263 | [Pure CSS tabs/accordion ](https://github.com/mhulse/css-issues/issues/103) | 103 264 | [Crosshairs with CSS](https://github.com/mhulse/css-issues/issues/96) | 96 265 | [Non-empty attributes](https://github.com/mhulse/css-issues/issues/90) | 90 266 | [Ear](https://github.com/mhulse/css-issues/issues/78) | 78 267 | [Arrows/triangles](https://github.com/mhulse/css-issues/issues/77) | 77 268 | [Pattern overlays](https://github.com/mhulse/css-issues/issues/66) | 66 269 | [Modal background cover](https://github.com/mhulse/css-issues/issues/54) | 54 270 | [Animated box shadow](https://github.com/mhulse/css-issues/issues/47) | 47 271 | [Non-scrollable body when modal or slide nav are open](https://github.com/mhulse/css-issues/issues/46) | 46 272 | [Top/bottom inset borders](https://github.com/mhulse/css-issues/issues/27) | 27 273 | [Wiffle faux column borders](https://github.com/mhulse/css-issues/issues/26) | 26 274 | [Css circle](https://github.com/mhulse/css-issues/issues/23) | 23 275 | [Cursor hand pointer (finger)](https://github.com/mhulse/css-issues/issues/20) | 20 276 | 277 | ## Navigation [](#table-of-contents) 278 | 279 | Description | Issue # 280 | :-- | :-- 281 | [Basic accordion using jQuery](https://github.com/mhulse/css-issues/issues/188) | 188 282 | [Breadcrumb examps](https://github.com/mhulse/css-issues/issues/63) | 63 283 | 284 | ## Print [](#table-of-contents) 285 | 286 | Description | Issue # 287 | :-- | :-- 288 | [Grayscale printing](https://github.com/mhulse/css-issues/issues/163) | 163 289 | [Exact color printing](https://github.com/mhulse/css-issues/issues/162) | 162 290 | 291 | ## Research [](#table-of-contents) 292 | 293 | Description | Issue # 294 | :-- | :-- 295 | [On the topic of units](https://github.com/mhulse/css-issues/issues/117) | 117 296 | [CSS flags](https://github.com/mhulse/css-issues/issues/89) | 89 297 | [Alternative to normalize](https://github.com/mhulse/css-issues/issues/88) | 88 298 | [When to rem/em](https://github.com/mhulse/css-issues/issues/22) | 22 299 | [adjacent sibiling combinator](https://github.com/mhulse/css-issues/issues/9) | 9 300 | 301 | ## Responsive [](#table-of-contents) 302 | 303 | Description | Issue # 304 | :-- | :-- 305 | [Two column layout with flexbox enhancement](https://github.com/mhulse/css-issues/issues/181) | 181 306 | [Responsive images](https://github.com/mhulse/css-issues/issues/167) | 167 307 | [Responsive media wrapper](https://github.com/mhulse/css-issues/issues/150) | 150 308 | [Responsive scrolling box](https://github.com/mhulse/css-issues/issues/149) | 149 309 | [JS/css breakpoint mingle](https://github.com/mhulse/css-issues/issues/123) | 123 310 | [Overflow html/body auto](https://github.com/mhulse/css-issues/issues/83) | 83 311 | 312 | ## Tables [](#table-of-contents) 313 | 314 | Description | Issue # 315 | :-- | :-- 316 | [Tables spacing](https://github.com/mhulse/css-issues/issues/199) | 199 317 | [Table with alternating colors for rows and columns](https://github.com/mhulse/css-issues/issues/198) | 198 318 | [Table with colored left column](https://github.com/mhulse/css-issues/issues/190) | 190 319 | [Table column widths](https://github.com/mhulse/css-issues/issues/189) | 189 320 | [Zebra stripes](https://github.com/mhulse/css-issues/issues/100) | 100 321 | [Table styles](https://github.com/mhulse/css-issues/issues/72) | 72 322 | 323 | ## Typography [](#table-of-contents) 324 | 325 | Description | Issue # 326 | :-- | :-- 327 | [Multi-line padded text](https://github.com/mhulse/css-issues/issues/166) | 166 328 | [Blockquotes using FontAwesome](https://github.com/mhulse/css-issues/issues/152) | 152 329 | [Stop words from breaking out of containers](https://github.com/mhulse/css-issues/issues/148) | 148 330 | [Multi-line padded text](https://github.com/mhulse/css-issues/issues/142) | 142 331 | [Hide semantically “untitled” empty headings](https://github.com/mhulse/css-issues/issues/141) | 141 332 | [Font stacks](https://github.com/mhulse/css-issues/issues/137) | 137 333 | [Justified left CSS text](https://github.com/mhulse/css-issues/issues/130) | 130 334 | [Gradient text](https://github.com/mhulse/css-issues/issues/126) | 126 335 | [Better Helvetica](https://github.com/mhulse/css-issues/issues/94) | 94 336 | [Ellipsis](https://github.com/mhulse/css-issues/issues/93) | 93 337 | [Title or button with line behind it in center](https://github.com/mhulse/css-issues/issues/56) | 56 338 | [Blockquote style](https://github.com/mhulse/css-issues/issues/55) | 55 339 | [Font-sizing 62.5% and rems](https://github.com/mhulse/css-issues/issues/25) | 25 340 | [Bold hover](https://github.com/mhulse/css-issues/issues/24) | 24 341 | [When to rem/em](https://github.com/mhulse/css-issues/issues/22) | 22 342 | [Bootstrap 4 font stack](https://github.com/mhulse/css-issues/issues/21) | 21 343 | [Baseline grid css](https://github.com/mhulse/css-issues/issues/5) | 5 344 | [.h1 - .h6](https://github.com/mhulse/css-issues/issues/4) | 4 345 | 346 | ## Utility [](#table-of-contents) 347 | 348 | Description | Issue # 349 | :-- | :-- 350 | [Hide child element using text-indent](https://github.com/mhulse/css-issues/issues/201) | 201 351 | [Hide/show with .no-js/.js classes](https://github.com/mhulse/css-issues/issues/195) | 195 352 | [CSS debug utility](https://github.com/mhulse/css-issues/issues/187) | 187 353 | [Disable pointer events (mouse click)](https://github.com/mhulse/css-issues/issues/186) | 186 354 | [Responsive scrolling box](https://github.com/mhulse/css-issues/issues/149) | 149 355 | [Fix margin collapse](https://github.com/mhulse/css-issues/issues/147) | 147 356 | [Remove link outline](https://github.com/mhulse/css-issues/issues/146) | 146 357 | [Hide an element](https://github.com/mhulse/css-issues/issues/145) | 145 358 | [Clearing floats](https://github.com/mhulse/css-issues/issues/144) | 144 359 | [Remove first and last margin from children in container](https://github.com/mhulse/css-issues/issues/128) | 128 360 | [Bootstrap3 showing/hiding utils](https://github.com/mhulse/css-issues/issues/125) | 125 361 | [JS/css breakpoint mingle](https://github.com/mhulse/css-issues/issues/123) | 123 362 | [tidy](https://github.com/mhulse/css-issues/issues/101) | 101 363 | [Disable selection](https://github.com/mhulse/css-issues/issues/97) | 97 364 | [Ellipsis](https://github.com/mhulse/css-issues/issues/93) | 93 365 | [Pull left and right](https://github.com/mhulse/css-issues/issues/60) | 60 366 | 367 | ## iOS [](#table-of-contents) 368 | 369 | Description | Issue # 370 | :-- | :-- 371 | [Disable iOS callout on click](https://github.com/mhulse/css-issues/issues/164) | 164 --------------------------------------------------------------------------------