| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  | /** | 
					
						
							|  |  |  |  * Colors | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Breakpoints & Media Queries | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Often re-used variables | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Breakpoint mixins | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Long content fade mixin | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * Creates a fading overlay to signify that the content is longer | 
					
						
							|  |  |  |  * than the space allows. | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Button states and focus styles | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Applies editor left position to the selector passed as argument | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Applies editor right position to the selector passed as argument | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | /** | 
					
						
							|  |  |  |  * Styles that are reused verbatim in a few places | 
					
						
							|  |  |  |  */ | 
					
						
							| 
									
										
										
										
											2019-05-08 08:05:39 +01:00
										 |  |  | /** | 
					
						
							|  |  |  |  * Allows users to opt-out of animations via OS-level preferences. | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | .block-editor-format-toolbar__image-container-content { | 
					
						
							|  |  |  |   display: flex; } | 
					
						
							|  |  |  |   .block-editor-format-toolbar__image-container-content .components-icon-button { | 
					
						
							|  |  |  |     height: 52px; | 
					
						
							|  |  |  |     align-self: flex-end; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .block-editor-format-toolbar__image-container-value { | 
					
						
							|  |  |  |   margin: 7px; | 
					
						
							|  |  |  |   flex-grow: 1; | 
					
						
							|  |  |  |   flex-shrink: 1; | 
					
						
							|  |  |  |   white-space: nowrap; | 
					
						
							|  |  |  |   min-width: 150px; | 
					
						
							|  |  |  |   max-width: 500px; } | 
					
						
							|  |  |  |   .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { | 
					
						
							|  |  |  |     margin-bottom: 0; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .block-editor-format-toolbar__link-container-content { | 
					
						
							| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  |   display: flex; } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-08 08:05:39 +01:00
										 |  |  | .block-editor-format-toolbar__link-container-value { | 
					
						
							| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  |   margin: 7px; | 
					
						
							|  |  |  |   flex-grow: 1; | 
					
						
							|  |  |  |   flex-shrink: 1; | 
					
						
							|  |  |  |   overflow: hidden; | 
					
						
							|  |  |  |   text-overflow: ellipsis; | 
					
						
							|  |  |  |   white-space: nowrap; | 
					
						
							|  |  |  |   min-width: 150px; | 
					
						
							|  |  |  |   max-width: 500px; } | 
					
						
							| 
									
										
										
										
											2019-05-08 08:05:39 +01:00
										 |  |  |   .block-editor-format-toolbar__link-container-value.has-invalid-link { | 
					
						
							| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  |     color: #d94f4f; } |