Fix blog roll text reflow on hover
This commit is contained in:
		
							parent
							
								
									2740bd8c6f
								
							
						
					
					
						commit
						892b2082c1
					
				| 
						 | 
				
			
			@ -8,6 +8,7 @@ h1 {
 | 
			
		|||
 | 
			
		||||
.blog-roll-entry {
 | 
			
		||||
    margin-block: 1rem;
 | 
			
		||||
    overflow: visible;
 | 
			
		||||
 | 
			
		||||
    a {
 | 
			
		||||
        border: var(--border);
 | 
			
		||||
| 
						 | 
				
			
			@ -21,10 +22,13 @@ h1 {
 | 
			
		|||
 | 
			
		||||
        .entry-content {
 | 
			
		||||
            padding: var(--content-padding);
 | 
			
		||||
            transition: padding-inline-start 0.3s ease, box-shadow 0.3s ease;
 | 
			
		||||
            transition: padding 0.3s ease, box-shadow 0.3s ease;
 | 
			
		||||
            overflow: hidden;
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
            * {
 | 
			
		||||
                margin-block: 0;
 | 
			
		||||
                overflow: hidden;
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -32,6 +36,7 @@ h1 {
 | 
			
		|||
        &:focus-visible {
 | 
			
		||||
            .entry-content {
 | 
			
		||||
                padding-inline-start: calc(var(--content-padding) * 2);
 | 
			
		||||
                padding-inline-end: 0;
 | 
			
		||||
                box-shadow: inset 3px 0px 0px var(--color-text);
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue