compiler/apps/playground/styles/globals.css CSS 144 lines View on github.com → Search inside
1/**2 * Copyright (c) Meta Platforms, Inc. and affiliates.3 *4 * This source code is licensed under the MIT license found in the5 * LICENSE file in the root directory of this source tree.6 */78@tailwind base;9@tailwind components;10@tailwind utilities;1112@layer base {13  @font-face {14    font-family: "Source Code Pro";15    font-style: normal;16    font-weight: 400;17    font-display: swap;18    src: url("/fonts/Source-Code-Pro-Regular.woff2") format("woff2");19  }2021  @font-face {22    font-family: "Optimistic Display";23    src: url("/fonts/Optimistic_Display_W_Lt.woff2") format("woff2");24    font-weight: 300;25    font-style: normal;26    font-display: swap;27  }2829  @font-face {30    font-family: "Optimistic Display";31    src: url("/fonts/Optimistic_Display_W_Md.woff2") format("woff2");32    font-weight: 500;33    font-style: normal;34    font-display: swap;35  }3637  @font-face {38    font-family: "Optimistic Display";39    src: url("/fonts/Optimistic_Display_W_Bd.woff2") format("woff2");40    font-weight: 700;41    font-style: normal;42    font-display: swap;43  }4445  html,46  body {47    padding: 0;48    margin: 0;49  }5051  a {52    color: inherit;53    text-decoration: none;54  }5556  * {57    box-sizing: border-box;58  }59}6061@layer utilities {62  /* Chrome, Safari, Opera */63  .no-scrollbar::-webkit-scrollbar {64    display: none;65  }6667  .no-scrollbar {68    -ms-overflow-style: none; /* IE, Edge */69    scrollbar-width: none; /* Firefox */70  }71}7273::view-transition-old(.slide-in) {74  animation-name: slideOutLeft;75}76::view-transition-new(.slide-in) {77  animation-name: slideInLeft;78}79::view-transition-group(.slide-in) {80  z-index: 1;81}82::view-transition-old(.slide-out) {83  animation-name: slideOutLeft;84}85::view-transition-new(.slide-out) {86  animation-name: slideInLeft;87}88::view-transition-group(.slide-out) {89  z-index: 1;90}9192@keyframes slideOutLeft {93  from {94    transform: translateX(0);95  }96  to {97    transform: translateX(-100%);98  }99}100@keyframes slideInLeft {101  from {102    transform: translateX(-100%);103  }104  to {105    transform: translateX(0);106  }107}108109::view-transition-old(.container),110::view-transition-new(.container) {111  height: 100%;112}113114::view-transition-old(.accordion-container),115::view-transition-new(.accordion-container) {116  height: 100%;117  object-fit: none;118  object-position: left;119}120121::view-transition-old(.tab-highlight),122::view-transition-new(.tab-highlight) {123  height: 100%;124}125::view-transition-group(.tab-text) {126	z-index: 1;127}128129::view-transition-old(.expand-accordion),130::view-transition-new(.expand-accordion) {131  width: auto;132}133::view-transition-group(.expand-accordion) {134  overflow: clip;135}136137/**138 * For some reason, the original Monaco editor is still visible to the139 * left of the DiffEditor. This is a workaround for better visual clarity.140 */141.monaco-diff-editor .editor.original{142  visibility: hidden !important;143}

Code quality findings 4

Universal selector detected; avoid for performance and specificity issues
warning performance universal-selector
* {
Use of !important detected; avoid overriding specificity with safer cascade management
warning maintainability important-override
visibility: hidden !important;
Unnecessary vendor prefix detected; verify if modern browsers require it or use autoprefixer
info correctness vendor-prefix
.no-scrollbar::-webkit-scrollbar {
Unnecessary vendor prefix detected; verify if modern browsers require it or use autoprefixer
info correctness vendor-prefix
-ms-overflow-style: none; /* IE, Edge */

Get this view in your editor

Same data, no extra tab — call code_get_file + code_get_findings over MCP from Claude/Cursor/Copilot.