tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity
a15a392bd3
silverstripe-framework/admin/client/src/styles/bundle.scss

43 lines
1.1 KiB
SCSS
Raw Normal View History

API Moved frontend assets into admin/client/ admin/javascript => admin/client admin/javascript/src => admin/client/src/legacy (mostly) admin/scss/_variables.scss => admin/client/styles/_variables.scss admin/scss => admin/client/styles/legacy/ admin/css/editor.css => admin/client/dist/css/editor.css admin/css/screen.css => admin/client/dist/css/bundle.css admin/images => admin/client/dist/images admin/images/sprites/src => admin/client/src/sprites admin/images/sprites/dist => admin/client/dist/sprites admin/font => admin/client/dist/font
2016-04-19 11:04:43 +02:00
// Variables
Consolidated style locations
2016-04-19 09:55:09 +02:00
@import "variables";
Don't generate separate bootstrap.css files We only need them in the main.css build file. The bootstrap.scss already includes reboot and grid. We're not using flex (yet), and can be built alongside main.css as well. Reordered includes to ensure they bootstrap reboot gets included early.
2016-04-19 09:58:40 +02:00
// Thirdparty
@import "chosen";
API Moved frontend assets into admin/client/ admin/javascript => admin/client admin/javascript/src => admin/client/src/legacy (mostly) admin/scss/_variables.scss => admin/client/styles/_variables.scss admin/scss => admin/client/styles/legacy/ admin/css/editor.css => admin/client/dist/css/editor.css admin/css/screen.css => admin/client/dist/css/bundle.css admin/images => admin/client/dist/images admin/images/sprites/src => admin/client/src/sprites admin/images/sprites/dist => admin/client/dist/sprites admin/font => admin/client/dist/font
2016-04-19 11:04:43 +02:00
@import "../../../../node_modules/bootstrap/scss/bootstrap";
// Base
@import "typography";
Fix regression with font-icon styles
2016-04-22 00:43:06 +02:00
@import "fonts";
Consolidated style locations
2016-04-19 09:55:09 +02:00
// Legacy
API Moved frontend assets into admin/client/ admin/javascript => admin/client admin/javascript/src => admin/client/src/legacy (mostly) admin/scss/_variables.scss => admin/client/styles/_variables.scss admin/scss => admin/client/styles/legacy/ admin/css/editor.css => admin/client/dist/css/editor.css admin/css/screen.css => admin/client/dist/css/bundle.css admin/images => admin/client/dist/images admin/images/sprites/src => admin/client/src/sprites admin/images/sprites/dist => admin/client/dist/sprites admin/font => admin/client/dist/font
2016-04-19 11:04:43 +02:00
@import "legacy/sprity";
@import "legacy/sprites";
Consolidated style locations
2016-04-19 09:55:09 +02:00
@import "legacy/mixins";
@import "legacy/themes/default";
@import "legacy/uitheme";
@import "legacy/forms";
@import "legacy/style";
@import "legacy/tree";
@import "legacy/menu";
@import "legacy/preview";
@import "legacy/actionTabs";
@import "legacy/ModelAdmin";
@import "legacy/SecurityAdmin";
@import "legacy/CMSSecurity";
@import "legacy/retina";
Restructure main SCSS includes Makes more sense to go from generic to specific
2016-04-19 09:16:45 +02:00
// Components
Correct naming for JS and CSS files in client/ Removed some dist/js/*.js files since they're no longer built as individual files. This was a side effect of them living in the toplevel folder of admin/client/src/, which used to have all the legacy/*.js files in there (they do need to be built). Following AirBnB convention: https://github.com/airbnb/javascript#naming--filename-matches-export While it technically allows index.js files, we found them to be bad for dev and debugging in practice: Depending on the used IDE, editor tabs all look the same. Other views like Chrome Dev Tools with sourcemaps rely on path context, and are harder to auto-complete. There's no direct rules for CSS files, but same principles apply here. Also renamed the sections/ folder to containers/, which more clearly communicates the distinction between components/ (shouldn't contain state-dependant, smart components). Renamed state/ files to follow AirBnB naming conventions https://github.com/airbnb/javascript#naming--filename-matches-export https://github.com/airbnb/javascript#naming--camelCase-default-export https://github.com/airbnb/javascript#naming--PascalCase-singleton Leaving the folder name in state/<state-key> lowercase since that's also the key to reducers in the actual state object. References: http://engineering.kapost.com/2016/01/organizing-large-react-applications/ https://github.com/erikras/react-redux-universal-hot-example/tree/master/src https://github.com/RickWong/react-isomorphic-starterkit/tree/master/src https://github.com/react-toolbox/react-toolbox/issues/98 https://github.com/react-bootstrap/react-bootstrap/tree/master/src
2016-04-21 11:59:44 +02:00
@import "../components/Accordion/Accordion";
@import "../components/Breadcrumb/Breadcrumb";
@import "../components/FormAction/FormAction";
@import "../components/GridField/GridField";
@import "../components/HiddenField/HiddenField";
@import "../components/Label/Label";
@import "../components/Preview/Preview";
Add form component styling
2016-04-21 04:49:27 +02:00
@import "../components/NorthHeader/NorthHeader";
@import "../components/Form/Form";
Restructure main SCSS includes Makes more sense to go from generic to specific
2016-04-19 09:16:45 +02:00
Don't generate separate bootstrap.css files We only need them in the main.css build file. The bootstrap.scss already includes reboot and grid. We're not using flex (yet), and can be built alongside main.css as well. Reordered includes to ensure they bootstrap reboot gets included early.
2016-04-19 09:58:40 +02:00
// Layout and sections
@import "layout";
Correct naming for JS and CSS files in client/ Removed some dist/js/*.js files since they're no longer built as individual files. This was a side effect of them living in the toplevel folder of admin/client/src/, which used to have all the legacy/*.js files in there (they do need to be built). Following AirBnB convention: https://github.com/airbnb/javascript#naming--filename-matches-export While it technically allows index.js files, we found them to be bad for dev and debugging in practice: Depending on the used IDE, editor tabs all look the same. Other views like Chrome Dev Tools with sourcemaps rely on path context, and are harder to auto-complete. There's no direct rules for CSS files, but same principles apply here. Also renamed the sections/ folder to containers/, which more clearly communicates the distinction between components/ (shouldn't contain state-dependant, smart components). Renamed state/ files to follow AirBnB naming conventions https://github.com/airbnb/javascript#naming--filename-matches-export https://github.com/airbnb/javascript#naming--camelCase-default-export https://github.com/airbnb/javascript#naming--PascalCase-singleton Leaving the folder name in state/<state-key> lowercase since that's also the key to reducers in the actual state object. References: http://engineering.kapost.com/2016/01/organizing-large-react-applications/ https://github.com/erikras/react-redux-universal-hot-example/tree/master/src https://github.com/RickWong/react-isomorphic-starterkit/tree/master/src https://github.com/react-toolbox/react-toolbox/issues/98 https://github.com/react-bootstrap/react-bootstrap/tree/master/src
2016-04-21 11:59:44 +02:00
@import "../containers/CampaignAdmin/CampaignAdmin";
Reference in New Issue Copy Permalink