Improve the .small-left/right and .medium-left/right classes
This commit is contained in:
		
							parent
							
								
									bd5f44a7f6
								
							
						
					
					
						commit
						c64e52d9e6
					
				
					 2 changed files with 17 additions and 9 deletions
				
			
		|  | @ -57,25 +57,29 @@ dd { | |||
| .small-left { | ||||
|     float: left; | ||||
|     height: auto; | ||||
|     width: 25%; | ||||
|     margin-left: 1.2em; | ||||
|     margin-bottom: .4em; | ||||
|     max-width: 20rem; | ||||
|     margin: 0 2rem 0.5rem 0; | ||||
| } | ||||
| 
 | ||||
| .small-right { | ||||
|     float: right; | ||||
|     height: auto; | ||||
|     width: 25%; | ||||
|     margin-right: 1.2em; | ||||
|     margin-bottom: .4em; | ||||
|     max-width: 20rem; | ||||
|     margin: 0 0 0.5rem 2rem; | ||||
| } | ||||
| 
 | ||||
| .medium-left { | ||||
|     float: left; | ||||
|     height: auto; | ||||
|     max-width: 30rem; | ||||
|     margin: 0 2rem 0.5rem 0; | ||||
| } | ||||
| 
 | ||||
| .medium-right { | ||||
|     float: right; | ||||
|     height: auto; | ||||
|     width: 50%; | ||||
|     margin-left: .7em; | ||||
|     margin-bottom: .7em; | ||||
|     max-width: 30rem; | ||||
|     margin: 0 0 0.5rem 2rem; | ||||
| } | ||||
| 
 | ||||
| img.blog-right { | ||||
|  |  | |||
|  | @ -83,6 +83,10 @@ input:focus { | |||
|   box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5); | ||||
| }; | ||||
| 
 | ||||
| video { | ||||
|     max-width: 100%; | ||||
|     margin: 1rem 0; | ||||
| } | ||||
| 
 | ||||
| a.read-more { | ||||
|     cursor: pointer; | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue