User:AngelinaBelle/smfcurve.css: Difference between revisions From Online Manual

Jump to: navigation, search
(test code and pre)
No edit summary
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
code pre {
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
border: none;
    .bol {  
line-height: 1.1em;
            margin-top: 2em;
overflow: auto;
            float:left;  
white-space: pre;
            width 100%;  
font-size: 8pt;
            box-sizing: border-box;
padding: 1em;
          }
    .bol .title {font-weight: bold;}
@media all and (min-width: 28.7em){
    .bol {width: 50%}
}
}
code {
@media all and (min-width: 40.5 em){
border-top: 1px solid gray;
    .bol {width: 33.3333333%;}
border-bottom: 1px solid gray;
}
}

Latest revision as of 13:47, 11 April 2014

/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
    .bol { 
             margin-top: 2em;
             float:left; 
             width 100%; 
             box-sizing: border-box;
           }
    .bol .title {font-weight: bold;}
@media all and (min-width: 28.7em){
    .bol {width: 50%}
}
@media all and (min-width: 40.5 em){
    .bol {width: 33.3333333%;}
}


Advertisement: