mirror of
				https://github.com/BookStackApp/BookStack.git
				synced 2025-10-31 03:50:27 +03:00 
			
		
		
		
	Changes the name of our spacing variables due to the prefixing -/_ meaning private in the use of new "use" rather than include. All now modular too, so all variables/mixins are accessed via their package. Also renamed variables file to vars for simpler/cleaner access/writing. eg. '$-m' is now 'vars.$m'
		
			
				
	
	
		
			78 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			78 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| @use "mixins";
 | |
| @use "vars";
 | |
| 
 | |
| table {
 | |
|   min-width: 100px;
 | |
|   max-width: 100%;
 | |
|   thead {
 | |
|     @include mixins.lightDark(background-color, #f8f8f8, #333);
 | |
|     font-weight: 500;
 | |
|   }
 | |
|   td, th {
 | |
|     min-width: 10px;
 | |
|     padding: 6px 8px;
 | |
|     border: 1px solid #DDD;
 | |
|     overflow: auto;
 | |
|     line-height: 1.2;
 | |
| 	word-break: break-word;
 | |
|     vertical-align: top; // Workaround for: https://bugzilla.mozilla.org/show_bug.cgi?id=569645
 | |
|   }
 | |
|   td p, th p {
 | |
|     margin: 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| table.table {
 | |
|   width: 100%;
 | |
|   tr td, tr th {
 | |
|     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 | |
|   }
 | |
|   th, td {
 | |
|     text-align: start;
 | |
|     border: none;
 | |
|     padding: vars.$s vars.$s;
 | |
|     vertical-align: middle;
 | |
|     margin: 0;
 | |
|     overflow: visible;
 | |
|   }
 | |
|   th {
 | |
|     font-weight: bold;
 | |
|   }
 | |
|   tr:hover {
 | |
|     @include mixins.lightDark(background-color, #F2F2F2, #333);
 | |
|   }
 | |
|   .text-right {
 | |
|     text-align: end;
 | |
|   }
 | |
|   .text-center {
 | |
|     text-align: center;
 | |
|   }
 | |
|   td.actions {
 | |
|     overflow: visible;
 | |
|   }
 | |
|   a {
 | |
|     display: inline-block;
 | |
|   }
 | |
|   &.expand-to-padding {
 | |
|     margin-left: -(vars.$s);
 | |
|     margin-right: -(vars.$s);
 | |
|     width: calc(100% + (2*#{vars.$s}));
 | |
|     max-width: calc(100% + (2*#{vars.$s}));
 | |
|   }
 | |
| }
 | |
| 
 | |
| table.no-style {
 | |
|   td {
 | |
|     border: 0;
 | |
|     padding: 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| table.list-table {
 | |
|   margin: 0 (-(vars.$xs));
 | |
|   td {
 | |
|     border: 0;
 | |
|     vertical-align: middle;
 | |
|     padding: vars.$xs;
 | |
|   }
 | |
| } |