WordPress.org

Make WordPress Core

Ticket #23629: percentage.diff

File percentage.diff, 1.3 KB (added by karmatosed, 3 years ago)

Percentages rather than a fixed form width size

  • style.css

     
    23632363} 
    23642364 
    23652365#commentform input[type="text"] { 
    2366         width: 270px; 
     2366        width: 100%; 
    23672367} 
    23682368 
    23692369#commentform textarea { 
     
    26602660        .site { 
    26612661                border: 0; 
    26622662        } 
     2663        #commentform input[type="text"] { 
     2664                width: 50%;      
     2665        } 
    26632666} 
    26642667 
    26652668@media (max-width: 1069px) { 
     2669        #commentform input[type="text"] { 
     2670                width: 50%;      
     2671        } 
     2672         
    26662673        .sidebar img.alignleft, 
    26672674        .sidebar .wp-caption.alignleft { 
    26682675                margin-left: 0; 
     
    27322739} 
    27332740 
    27342741@media (max-width: 999px) { 
     2742        #commentform input[type="text"] { 
     2743                width: 70%;      
     2744        } 
    27352745        .sidebar .entry-header, 
    27362746        .sidebar .entry-content, 
    27372747        .sidebar .entry-summary, 
     
    28312841 
    28322842/* Collapse oversized image and pulled images after iPad breakpoint. */ 
    28332843@media (max-width: 767px) { 
     2844        #commentform input[type="text"] { 
     2845                width: 60%;      
     2846        } 
     2847         
    28342848        img.alignleft, 
    28352849        .wp-caption.alignleft { 
    28362850                margin-left: 0; 
     
    28572871} 
    28582872 
    28592873@media (max-width: 643px) { 
     2874        #commentform input[type="text"] { 
     2875                width: 60%;      
     2876        } 
     2877         
    28602878        .site-title { 
    28612879                font-size: 30px; 
    28622880        } 
     
    30343052 
    30353053/* Mobile devices */ 
    30363054@media (max-width: 359px) { 
     3055        #commentform input[type="text"] { 
     3056                width: 100%;     
     3057        } 
     3058 
    30373059        .gallery { 
    30383060                margin-left: 0; 
    30393061        }