app/styles/_manifest.scss
// Vendor
// All the CSS files from external libraries and frameworks. Not from us, not
// our code, not our responsibility. Placed first for overrides
@import
'bootstrap-flex', // CSS Framework used site-wide
'vendor/noui',
'vendor/hint', // lightweight css tooltips
'vendor/notify',
'ember-power-select/themes/bootstrap',
'ember-power-select',
'ember-basic-dropdown',
'ember-photoswipe',
'kitsu-shared';
// Base
// Contains what we might call the boilerplate code for Kitsu. Things such as
// typographic rules, colors, resets, etc.
@import
'base/_base', // General CSS styles
'base/_typography', // how text appears on the site
'base/_animate.scss'; // animation library
// Utilities
// Gathers Sass tools and helpers used across the project. Global variables,
// functions, mixins and placeholders should be placed here.
@import
'utilities/_mixins'; // CSS Mixins used site-wide
// Layout
// Contains everything that takes part in laying out Kitsu. Things such as the
// header, footer, forms, etc.
@import
'layout/_z-index', // z-index scale
'layout/_navbar', // Navigation Bars
'layout/_cover-images', // Cover section found on user and media pages
'layout/_modals', // various pop-up modal styles
'layout/_profile-links', // profile connect view within edit profile modal
'layout/_favorites', // Favorites and edit favorites fields
'layout/_login-register-modal', // Onboarding, Login, Register, Forgot pass
'layout/_feeds', // Activity feeds
'layout/_sidebars', // Siderbars for feeds
'layout/_quick-update', // Dashboard quick update
'layout/_guest-banner'; // Guest Banner
// Components
// While layout/ is macro (defining the global wireframe), components/ is more
// focused on widgets. It holds specific modules likes media, thumbnails, etc.
@import
'components/_ads',
'components/_dropdowns', // rules for bootstraps default dropdowns
'components/_avatars', // various user avatar rules
'components/_buttons', // buttons used site-wide
'components/_switch', // Toggle switch styles
'components/_tabs', // Tabs used on settings and edit profile
'components/_loading-spinner',
'components/_checklist', // Checklist panel used for onboarding steps
'components/_onebox', // Embedded items in feed posts
'components/_user-card', // Cards displayed on pop-up and follow pages
'components/_tether', // Tethered elements
'components/_forums_widget', // Industry news widget in dashboard sidebar
'components/_alerts',
'components/_likeable-resource.scss', // Post reacton modal
'components/_tooltips',
'components/_lazy_images',
'components/_cards',
'components/_ratings',
'components/_blotter',
'components/_user-stats';
// Pages
// Page-specific styles, in a file named after the page.
@import
'pages/_library', // User library page
'pages/_media-browse', // Browse anime, manga, etc.
'pages/_media-pages', // Detail page for individual media
'pages/_settings', // User settings
// 'pages/_characters-people',
'pages/_explore',
'pages/_groups',
'pages/_unit-pages', // Episode and Chapter pages
'pages/_export.scss';
// Declarations, hacks and naughty code we're not proud of.
@import 'base/_shame';