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 { | .small-left { | ||||||
|     float: left; |     float: left; | ||||||
|     height: auto; |     height: auto; | ||||||
|     width: 25%; |     max-width: 20rem; | ||||||
|     margin-left: 1.2em; |     margin: 0 2rem 0.5rem 0; | ||||||
|     margin-bottom: .4em; |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .small-right { | .small-right { | ||||||
|     float: right; |     float: right; | ||||||
|     height: auto; |     height: auto; | ||||||
|     width: 25%; |     max-width: 20rem; | ||||||
|     margin-right: 1.2em; |     margin: 0 0 0.5rem 2rem; | ||||||
|     margin-bottom: .4em; | } | ||||||
|  | 
 | ||||||
|  | .medium-left { | ||||||
|  |     float: left; | ||||||
|  |     height: auto; | ||||||
|  |     max-width: 30rem; | ||||||
|  |     margin: 0 2rem 0.5rem 0; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .medium-right { | .medium-right { | ||||||
|     float: right; |     float: right; | ||||||
|     height: auto; |     height: auto; | ||||||
|     width: 50%; |     max-width: 30rem; | ||||||
|     margin-left: .7em; |     margin: 0 0 0.5rem 2rem; | ||||||
|     margin-bottom: .7em; |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| img.blog-right { | img.blog-right { | ||||||
|  |  | ||||||
|  | @ -83,6 +83,10 @@ input:focus { | ||||||
|   box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5); |   box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5); | ||||||
| }; | }; | ||||||
| 
 | 
 | ||||||
|  | video { | ||||||
|  |     max-width: 100%; | ||||||
|  |     margin: 1rem 0; | ||||||
|  | } | ||||||
| 
 | 
 | ||||||
| a.read-more { | a.read-more { | ||||||
|     cursor: pointer; |     cursor: pointer; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		
		Reference in a new issue