mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-11-04 00:03:15 -05:00 
			
		
		
		
	refactor responsive-utilities slightly
This commit is contained in:
		
							parent
							
								
									e9951385b0
								
							
						
					
					
						commit
						83c4073ec7
					
				@ -34,29 +34,26 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// Visibility utilities
 | 
					// Visibility utilities
 | 
				
			||||||
 | 
					.responsive-visibility() {
 | 
				
			||||||
// For Phones
 | 
					 | 
				
			||||||
.visible-sm   {
 | 
					 | 
				
			||||||
  display: block !important;
 | 
					  display: block !important;
 | 
				
			||||||
  tr& { display: table-row !important; }
 | 
					  tr& { display: table-row !important; }
 | 
				
			||||||
  th&,
 | 
					  th&,
 | 
				
			||||||
  td& { display: table-cell !important; }
 | 
					  td& { display: table-cell !important; }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// For Phones
 | 
				
			||||||
 | 
					.visible-sm   {
 | 
				
			||||||
 | 
					  .responsive-visibility;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
.visible-md { display: none !important; }
 | 
					.visible-md { display: none !important; }
 | 
				
			||||||
.visible-lg { display: none !important; }
 | 
					.visible-lg { display: none !important; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.hidden-sm { display: none !important; }
 | 
					.hidden-sm { display: none !important; }
 | 
				
			||||||
.hidden-md {
 | 
					.hidden-md {
 | 
				
			||||||
  display: block !important;
 | 
					  .responsive-visibility;
 | 
				
			||||||
  tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
  th&,
 | 
					 | 
				
			||||||
  td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.hidden-lg {
 | 
					.hidden-lg {
 | 
				
			||||||
  display: block !important;
 | 
					  .responsive-visibility;
 | 
				
			||||||
  tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
  th&,
 | 
					 | 
				
			||||||
  td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -64,25 +61,16 @@
 | 
				
			|||||||
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
 | 
					@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
 | 
				
			||||||
  .visible-sm { display: none !important; }
 | 
					  .visible-sm { display: none !important; }
 | 
				
			||||||
  .visible-md {
 | 
					  .visible-md {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .visible-lg { display: none !important; }
 | 
					  .visible-lg { display: none !important; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .hidden-sm {
 | 
					  .hidden-sm {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .hidden-md { display: none !important; }
 | 
					  .hidden-md { display: none !important; }
 | 
				
			||||||
  .hidden-lg {
 | 
					  .hidden-lg {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -91,23 +79,14 @@
 | 
				
			|||||||
  .visible-sm { display: none !important; }
 | 
					  .visible-sm { display: none !important; }
 | 
				
			||||||
  .visible-md { display: none !important; }
 | 
					  .visible-md { display: none !important; }
 | 
				
			||||||
  .visible-lg {
 | 
					  .visible-lg {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .hidden-sm {
 | 
					  .hidden-sm {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .hidden-md {
 | 
					  .hidden-md {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .hidden-lg { display: none !important; }
 | 
					  .hidden-lg { display: none !important; }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@ -118,10 +97,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
@media print {
 | 
					@media print {
 | 
				
			||||||
  .visible-print {
 | 
					  .visible-print {
 | 
				
			||||||
    display: block !important;
 | 
					    .responsive-visibility;
 | 
				
			||||||
    tr& { display: table-row !important; }
 | 
					 | 
				
			||||||
    th&,
 | 
					 | 
				
			||||||
    td& { display: table-cell !important; }
 | 
					 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .hidden-print { display: none !important; }
 | 
					  .hidden-print { display: none !important; }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user