/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ /* The app's form fields. Scoped away from the public pages: everything wearing the marketing layout - the landing pages, sign in, sign up, password reset, the invitation and two-factor screens, the feedback form - is designed in the public look and asks for it in its own classes. These rules were overriding all of that, so a page written as `rounded-xl border-gray-200 bg-gray-50` rendered as a grey box with a black border. */ body:not(.marketing-page) input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]), body:not(.marketing-page) select {background: #e5e5e5; border: 1px solid black;} /* 2px corner radius app-wide on buttons and form fields: real