mirror of
				https://github.com/fooflington/selfdefined.git
				synced 2025-10-31 06:08:33 +00:00 
			
		
		
		
	 f72d41280a
			
		
	
	f72d41280a
	
	
	
		
			
			* Add empty page content file * Add link in footer * Make footer links span two columns when in grid template layout * wrap footer grid-column in media query to strip triggering 2 columns on mobile * Add guidelines content * Capitalise 'Warning' * Add link to guidance page from guidance definition block * Change 'term' to 'topic' * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * remove additional line breaks to pass lint tests * remove my now unneeded media query * Remove longer content warning from definition page * Change content warning flag to link to separate content warning guidance page * remove unneeded content flag styling Co-authored-by: Tatiana Mac <tatiana.t.mac@gmail.com> Co-authored-by: Tatiana Mac <github@tatianamac.com>
		
			
				
	
	
		
			44 lines
		
	
	
		
			756 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			44 lines
		
	
	
		
			756 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| .word__type {
 | |
|     font-family: $con-sans;
 | |
|     font-size: 0.85rem;
 | |
|     padding-right: 1rem;
 | |
|     text-align: right;
 | |
|     text-transform: uppercase;
 | |
|   }
 | |
| 
 | |
| .word__link {
 | |
|     border-bottom: darkgrey solid 0.1em;
 | |
|     color: black;
 | |
|     font-family: $ext-sans;
 | |
|     text-decoration: none;
 | |
|   }
 | |
| 
 | |
| .word__breakdown {
 | |
|     border-left: 0.1rem solid lightgrey;
 | |
|     font-family: $sans-serif;
 | |
|     padding-left: 1rem;
 | |
| }
 | |
| 
 | |
| .content-flag {
 | |
|   background-color: $lt-background-color-warning;
 | |
|   overflow: hidden;
 | |
|   padding: 0 1rem 0 3rem;
 | |
|   position: relative;
 | |
| 
 | |
|   &:before {
 | |
|     content: "⚠️";
 | |
|     left: 1rem;
 | |
|     position: absolute;
 | |
|     top: 50%;
 | |
|     transform: translateY(-50%);
 | |
|   }
 | |
| 
 | |
|   &--avoid {
 | |
|     background-color: $pink;
 | |
| 
 | |
|     &:before {
 | |
|       content: "🚨";
 | |
|     }
 | |
|   }
 | |
| }
 |