Template:Reflist/styles.css: Difference between revisions

    From Nonbinary Wiki
    (add 30em, 25em, and remove support for non-ordered lists)
     
    (7 intermediate revisions by one other user not shown)
    Line 1: Line 1:
    /* {{pp|small=yes}} */
    /* can we remove the font size declarations? .references gets a font-size in
    * common.css that is always 90, and there is nothing else in reflist out in
    * the wild. May affect column sizes.
    */
    .reflist {
    .reflist {
    font-size: 90%;            /* Default font-size */
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
    margin-bottom: 0.5em;
    list-style-type: decimal;
    }
    }


    Line 10: Line 16:
    }
    }


    .reflist-columns {
    /* columns-2 and columns-3 are legacy for "2 or more" column view from when the
    margin-top: 0.3em;
    * template was implemented with column-count.
    */
    .reflist-columns-2 {
    column-width: 30em;
    column-width: 30em;
    }
    }


    /* Class serves as legacy for "3 or more" column view from when the
    * template was implemented with column-count.
    */
    .reflist-columns-3 {
    .reflist-columns-3 {
    column-width: 25em;
    column-width: 25em;
    Line 23: Line 28:


    /* Reset top margin for lists embedded in columns */
    /* Reset top margin for lists embedded in columns */
    .reflist-columns {
    margin-top: 0.3em;
    }
    .reflist-columns ol {
    .reflist-columns ol {
    margin-top: 0;
    margin-top: 0;

    Latest revision as of 11:40, 21 May 2021

    /* {{pp|small=yes}} */
    /* can we remove the font size declarations? .references gets a font-size in
     * common.css that is always 90, and there is nothing else in reflist out in
     * the wild. May affect column sizes.
     */
    .reflist {
    	font-size: 90%;            /* Default font-size */
    	margin-bottom: 0.5em;
    	list-style-type: decimal;
    }
    
    .reflist .references {
    	font-size: 100%;           /* Reset font-size when nested in div.reflist */
    	margin-bottom: 0;          /* Avoid double margin when nested in div.reflist */
    	list-style-type: inherit;  /* Enable custom list style types */
    }
    
    /* columns-2 and columns-3 are legacy for "2 or more" column view from when the
     * template was implemented with column-count.
     */
    .reflist-columns-2 {
    	column-width: 30em;
    }
    
    .reflist-columns-3 {
    	column-width: 25em;
    }
    
    /* Reset top margin for lists embedded in columns */
    .reflist-columns {
    	margin-top: 0.3em;
    }
    
    .reflist-columns ol {
    	margin-top: 0;
    }
    
    /* Avoid elements breaking between columns */
    .reflist-columns li {
    	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
    	break-inside: avoid-column;
    }
    
    .reflist-upper-alpha {
    	list-style-type: upper-alpha;
    }
    
    .reflist-upper-roman {
    	list-style-type: upper-roman;
    }
    
    .reflist-lower-alpha {
    	list-style-type: lower-alpha;
    }
    
    .reflist-lower-greek {
    	list-style-type: lower-greek;
    }
    
    .reflist-lower-roman {
    	list-style-type: lower-roman;
    }