WordPress.org

Make WordPress Core

Ticket #23629: percentage.diff

File percentage.diff, 1.3 KB (added by karmatosed, 5 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        }