sogo/UI/WebServerResources/scss/styles.scss

101 lines
4.5 KiB
SCSS
Executable file

/**
*
* Main Stylesheet SOGo
* Based on Angular Material Design
* IMPORTANT : This scss file might interfere with actual Angular-Material grunt-build
* and will generate a (too)) long css file because of the overrides
*
**/
@import 'core/variables'; // Will be replace by a complete 'config.scss file
// Compass import - comment-out if needed
// ------------------------------------------------------------------------------
@import '../bower_components/compass-mixins/lib/_compass.scss';
// Browser reset - most effective for applications. Generated by Compass in a non-regular way
// ------------------------------------------------------------------------------
@import 'core/reset';
// CORE elements
// ------------------------------------------------------------------------------
@import 'core/functions';
/* Local overrides from angular-material src */
// fixme : refactor all this to meet our practices
// ------------------------------------------------------------------------------
@import 'core/variables';
@import 'core/mixins';
@import 'core/structure';
@import 'core/layout';
@import 'core/typography/typography';
// Original angular-material components
// ------------------------------------------------------------------------------
@import 'components/backdrop/backdrop.scss';
@import 'components/bottomSheet/bottomSheet.scss';
@import 'components/button/button';
@import 'components/card/card.scss';
@import 'components/checkbox/checkbox.scss';
@import 'components/content/content.scss';
@import 'components/dialog/dialog.scss';
@import 'components/divider/divider.scss';
@import 'components/icon/icon.scss';
@import 'components/input/input.scss';
@import 'components/list/list.scss';
@import 'components/autoScrollList/autoScrollList.scss';
@import 'components/progressCircular/progressCircular.scss';
@import 'components/progressLinear/progressLinear.scss';
@import 'components/radioButton/radio-button.scss';
@import 'components/sidenav/sidenav.scss';
@import 'components/slider/slider.scss';
@import 'components/sticky/sticky.scss';
@import 'components/subheader/subheader.scss';
@import 'components/switch/switch.scss';
@import 'components/tabs/tabs.scss';
@import 'components/textField/textField.scss';
@import 'components/toast/toast.scss';
@import 'components/toolbar/toolbar.scss';
@import 'components/bottombar/bottombar.scss';
@import 'components/tooltip/tooltip.scss';
@import 'components/whiteframe/whiteframe.scss';
// Theme
@import 'components/palette';
//@import '../angular-material/src/components/bottomSheet/bottomSheet-theme.scss';
//@import '../angular-material/src/components/button/button-theme.scss';
//@import '../angular-material/src/components/card/card-theme.scss';
//@import '../angular-material/src/components/checkbox/checkbox-theme.scss';
//@import '../angular-material/src/components/content/content-theme.scss';
//@import '../angular-material/src/components/dialog/dialog-theme.scss';
//@import '../angular-material/src/components/divider/divider-theme.scss';
//@import '../angular-material/src/components/input/input-theme.scss';
//@import '../angular-material/src/components/progressCircular/progressCircular-theme.scss';
//@import '../angular-material/src/components/progressLinear/progressLinear-theme.scss';
//@import '../angular-material/src/components/radioButton/radio-button-theme.scss';
//@import '../angular-material/src/components/sidenav/sidenav-theme.scss';
//@import '../angular-material/src/components/slider/slider-theme.scss';
//@import '../angular-material/src/components/subheader/subheader-theme.scss';
//@import '../angular-material/src/components/switch/switch-theme.scss';
//@import '../angular-material/src/components/tabs/tabs-theme.scss';
//@import '../angular-material/src/components/textField/textField-theme.scss';
//@import '../angular-material/src/components/toast/toast-theme.scss';
//@import '../angular-material/src/components/toolbar/toolbar-theme.scss';
//@import '../angular-material/src/components/tooltip/tooltip-theme.scss';
// @import '../angular-material/src/core/style/color-palette.scss';
// COMPONENTS
// todo : configure manual and glob imports
@import 'views/view';
// core styles - need to be after components till settings are correctly implemented
// ------------------------------------------------------------------------------
@import 'core/base_styles/base_style';
// Make sure this is last to override anything else
@import 'shame';
// dev-tools - NOT FOR PRODUCTION
// ------------------------------------------------------------------------------
@import 'devtools';