/ resources / sass / app.scss
app.scss
  1  /**
  2   * This injects Tailwind's base styles, which is a combination of
  3   * Normalize.css and some additional base styles.
  4   *
  5   * You can see the styles here:
  6   * https://unpkg.com/tailwindcss/dist/base.css
  7   */
  8  @tailwind base;
  9  
 10  /**
 11   * Remove the default box-shadow for invalid elements to prevent
 12   * inputs in Livewire components showing with a
 13   * red border by default in Firefox.
 14   *
 15   * See: https://github.com/laravel-frontend-presets/tall/issues/7
 16   */
 17   input:invalid, textarea:invalid, select:invalid {
 18      box-shadow: none;
 19  }
 20  
 21  /**
 22   * This injects any component classes registered by plugins.
 23   */
 24  @tailwind components;
 25  
 26  /**
 27   * Here you would add any of your custom component classes; stuff that you'd
 28   * want loaded *before* the utilities so that the utilities could still
 29   * override them.
 30   *
 31   * Example:
 32   *
 33   * .btn { ... }
 34   * .form-input { ... }
 35   */
 36  
 37  /**
 38   * This injects all of Tailwind's utility classes, generated based on your
 39   * config file.
 40   */
 41  @tailwind utilities;
 42  
 43  /**
 44   * Here you would add any custom utilities you need that don't come out of the
 45   * box with Tailwind.
 46   *
 47   * Example :
 48   *
 49   * .bg-pattern-graph-paper { ... }
 50   * .skew-45 { ... }
 51   */
 52  
 53   [x-cloak] { display: none !important; }
 54  
 55  
 56  
 57  /** Custom Fonts **/
 58  @font-face {
 59      font-family: 'Inter', sans-serif;
 60      src: url('../fonts/Inter-Regular.ttf');
 61      font-weight: 400;
 62      font-display: swap;
 63  
 64  }
 65  
 66  @font-face {
 67      font-family: 'Inter', sans-serif;
 68      src: url('../fonts/Inter-Medium.ttf');
 69      font-weight: 500;
 70      font-display: swap;
 71  }
 72  
 73  @font-face {
 74      font-family: 'Inter', sans-serif;
 75      src: url('../fonts/Inter-SemiBold.ttf');
 76      font-weight: 600;
 77      font-display: swap;
 78  
 79  }
 80  
 81  @font-face {
 82      font-family: 'Inter', sans-serif;
 83      src: url('../fonts/Inter-Bold.ttf');
 84      font-weight: 700;
 85      font-display: swap;
 86  
 87  }
 88  
 89  
 90  /* Menu Accordion */
 91  .cd-accordion__input { // hide native checkbox
 92      position: absolute;
 93      opacity: 0;
 94  }
 95  .cd-accordion__label {
 96      position: relative;
 97      display: flex;
 98      align-items: center;
 99  }
100  .cd-accordion__sub {
101      display: none;
102  }
103  
104  .cd-accordion__input:checked ~ .cd-accordion__sub {
105      display: block;
106  }
107  
108  /** Tables **/
109  thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
110      border-radius: 4px 0 0 0;
111  }
112  
113  thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:first-child {
114      border-radius: 0 4px 0 0;
115  }
116  
117  thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
118      border-radius: 0 0 0 4px;
119  }
120  
121  thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
122      border-radius: 0 0 4px 0;
123  }
124  
125  @import "/resources/css/ckeditor.css";
126  @import "diff";
127  /* File Pond */
128  @import 'filepond/dist/filepond.min.css';