Tweaked Terminal Alert (CSS)
This commit is contained in:
		
					parent
					
						
							
								63c234d820
							
						
					
				
			
			
				commit
				
					
						b6aa873efd
					
				
			
		
					 3 changed files with 7 additions and 2 deletions
				
			
		|  | @ -25,7 +25,7 @@ categories: | |||
| <div class="row t30"> | ||||
|     <div class="medium-4 columns"> | ||||
|         <img src="{{ site.url }}/images/webdesign_screenshot_stilwandel.jpg" alt=""> | ||||
|         <p>Website: <a href="http://stilwandel-koeln.de">Stilwande-Koeln.de</a></p> | ||||
|         <p>Website: <a href="http://stilwandel-koeln.de">Stilwandel-Koeln.de</a></p> | ||||
|     </div><!-- /.medium-4.columns --> | ||||
| 
 | ||||
|     <div class="medium-4 columns"> | ||||
|  |  | |||
|  | @ -72,6 +72,11 @@ | |||
|     background: $grey-12;  | ||||
|     color: #fff;  | ||||
|     border-color: scale-color($grey-12, $lightness: -14%); | ||||
|     font-family: $font-family-monospace; | ||||
|   } | ||||
|   .alert-box.terminal::before { | ||||
|     content: "$ "; | ||||
|     color: $ci-6; | ||||
|   } | ||||
|   .alert-box.text { | ||||
|     background-color: $grey-2; | ||||
|  |  | |||
|  | @ -268,7 +268,7 @@ This include lets you easily display an alert. To use the include no `.html` end | |||
| {% include alert info='An info box.' %} | ||||
| {% include alert success='Yeah, you made it!' %} | ||||
| {% include alert alert='Danger!' %} | ||||
| {% include alert terminal='$ jekyll -serve' %} | ||||
| {% include alert terminal='jekyll -serve' %} | ||||
| {% include alert text='Just a note!' %}{% endraw %} | ||||
| ~~~ | ||||
| 
 | ||||
|  |  | |||
		Reference in a new issue