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';