css 我总是忘记了因纽特网格的可用宽度选择器

Posted 2021-05-13

/**
* Whole
*/
.one-whole         


/**
* Halves
*/
.one-half          


/**
* Thirds
*/
.one-third         
.two-thirds        


/**
* Quarters
*/
.one-quarter       
.two-quarters      
.three-quarters    


/**
* Fifths
*/
.one-fifth         
.two-fifths        
.three-fifths      
.four-fifths       


/**
* Sixths
*/
.one-sixth         
.two-sixths        
.three-sixths      
.four-sixths       
.five-sixths       


/**
* Eighths
*/
.one-eighth        
.two-eighths       
.three-eighths     
.four-eighths      
.five-eighths      
.six-eighths       
.seven-eighths     


/**
* Tenths
*/
.one-tenth         
.two-tenths        
.three-tenths      
.four-tenths       
.five-tenths       
.six-tenths        
.seven-tenths      
.eight-tenths      
.nine-tenths       


/**
* Twelfths
*/
.one-twelfth       
.two-twelfths      
.three-twelfths    
.four-twelfths     
.five-twelfths     
.six-twelfths      
.seven-twelfths    
.eight-twelfths    
.nine-twelfths     
.ten-twelfths      
.eleven-twelfths   


/**
* Prefixes for responsive versions
* Just add the width afterwards. 
* 
* i.e. .lap-one-whole .palm-one-half
* 
* Lap      = Tablet
* Palm     = Smartphone
* Portable = Tablet & Smartphone
*/
.lap-
.palm-
.portable-