1  @tailwind base;
  2  @tailwind components;
  3  @tailwind utilities;
  4  
  5  html, body {
  6      height: 100%;
  7      width: 100%;
  8      background-color: white;
  9      font-family: "UniversCondensed", "U001 Condensed", "U001Condensed", "U001", "Roboto Condensed", "Roboto", "Kanit", sans-serif;
 10  }
 11  
 12  #container {
 13      height: 100%;
 14      width: 100%;
 15  }
 16  
 17  button {
 18      @apply border border-solid border-gray-700
 19      rounded px-1.5 py-0.5 hover:bg-gray-100 cursor-pointer;
 20  
 21      &.highlight {
 22  	@apply bg-orange-100 hover:bg-orange-200;
 23      }
 24  }
 25  
 26  h2 {
 27      @apply text-3xl font-medium text-gray-900;
 28  }
 29  
 30  #content {
 31      @apply mt-12 pr-5;
 32  }
 33  
 34  input {
 35      @apply w-full rounded border-solid bg-transparent px-5 py-3;
 36  }
 37  
 38  a {
 39      text-decoration-line: underline;
 40      text-decoration-thicknewss: 3px;
 41  }
 42  
 43  .table {
 44      @apply table-auto border border-solid border-gray-900 w-full mt-4;
 45      display: table;
 46  
 47      & .thead {
 48  	display: table-header-group;
 49  
 50  	& .tr {
 51  	    display: table-row;
 52  
 53  	    & .th {
 54  		display: table-cell;
 55  		@apply font-bold border border-solid border-y-gray-900 border-r-gray-200 py-1.5 px-3.5 cursor-text hover:bg-gray-50;
 56  	    }
 57  
 58  	}
 59  
 60      }
 61  
 62      & .tbody {
 63  	display: table-row-group;
 64  
 65  	& .tr {
 66  	    display: table-row;
 67  	    height: 26px;
 68  
 69  	    & .td {
 70  		display: table-cell;
 71  		height: 100%;
 72  
 73  		@apply border border-solid border-y-gray-900 border-r-gray-200 py-1.5 px-3.5 cursor-text hover:bg-gray-50;
 74  
 75  		&:has(> form) {
 76  		    @apply p-0 m-0;
 77  		}
 78  
 79  		&:last-of-type {
 80  		    @apply border-r-gray-900;
 81  		}
 82  
 83  		&:first-of-type {
 84  		    @apply border-l-gray-900;
 85  		}
 86  
 87  		& > form {
 88  		    @apply w-full h-full m-0 p-0;
 89  		}
 90  
 91  		& input {
 92  		    @apply p-0 m-0 w-full h-full rounded-none;
 93  		    box-sizing: border-box;
 94  		}
 95  
 96  		& select {
 97  		    @apply p-0 m-0 w-full h-full rounded-none;
 98  		    box-sizing: border-box;
 99  		}
100  	    }
101  	}
102      }
103  }
104  
105  aside {
106      @apply left-0 top-0 flex h-screen w-56 flex-col;
107  
108      & h1 {
109  	@apply text-gray-800 text-5xl font-medium mb-5;
110      }
111  
112      & h2 {
113  	@apply text-lg font-medium text-red-500;
114      }
115  
116      & ul {
117  	@apply flex flex-col items-center;
118      }
119  
120      & li {
121  	@apply text-gray-800 hover:text-orange-500 cursor-pointer;
122      }
123  }