/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Settings
# Tools
# Generic
# Elements
# Objects
# Components
# Trumps
--------------------------------------------------------------*/

/*
SETTINGS
store all variables, config switches, etc.
Split up into logical sections, the smaller and simpler the better.
used with preprocessors and contain font, colors definitions, etc
================================================
*/
@import "settings/fonts";
@import "settings/global";
@import "../fonts/icon-tomo/style.css";

@import '../../node_modules/bootstrap/scss/functions';
@import '../../node_modules/bootstrap/scss/variables';
@import '../../node_modules/bootstrap/scss/mixins';
@import '../../node_modules/bootstrap/scss/utilities';

/*
TOOLS
================================================
store all programic Sass functionality.
If your tooling is simplistic enough, you can do something like:
  tools.mixins
If your tooling is more complex you can split it up like:
  tools.grid
  tools.typography
  etc.
*/
@import 'tools/mixins';
@import 'tools/placeholder';

/*
GENERIC
================================================
reset and/or normalize styles, box-sizing definition, etc.
This is the first layer which generates actual CSS.
*/
@import '../../node_modules/bootstrap/scss/print';
@import '../../node_modules/bootstrap/scss/reboot';

/*
ELEMENTS
================================================
styling for bare HTML elements (like H1, A, etc.).
moThese come with default styling from the browser so we can redefine them here.
*/
@import 'elements/body';
@import 'elements/button';
@import 'elements/links';
@import 'elements/small';

/*
OBJECTS
================================================
"formless", in other words invisible to the user, no cosmetics
  Eg. wrappers, grid systems, etc.
This is the first layer of classes and should be agnostically named
  Eg. list-inline, ui-list, etc.
*/
@import '../../node_modules/bootstrap/scss/grid';
@import '../../node_modules/bootstrap/scss/transitions';
@import 'objects/animations';
@import 'objects/grid';
@import 'objects/typo';

/*
COMPONENTS
================================================
Specific UI components.
This is where majority of our work takes place and our UI components are often composed of Objects and Components
*/
@import '../../node_modules/bootstrap/scss/breadcrumb';
@import '../../node_modules/bootstrap/scss/buttons';
@import '../../node_modules/bootstrap/scss/card';
@import '../../node_modules/bootstrap/scss/dropdown';
@import '../../node_modules/bootstrap/scss/forms';
@import '../../node_modules/bootstrap/scss/input-group';
@import '../../node_modules/bootstrap/scss/modal';
@import '../../node_modules/bootstrap/scss/nav';
@import '../../node_modules/bootstrap/scss/navbar';
@import '../../node_modules/bootstrap/scss/pagination';
@import '../../node_modules/bootstrap/scss/tooltip';
@import '../../node_modules/bootstrap/scss/type';
@import 'components/block-breadcrumb';
@import 'components/body-wrapper';
@import 'components/breadcrumb';
@import 'components/card';
@import 'components/code-actions';
@import 'components/container';
@import 'components/contract-info';
@import 'components/copyright';
@import 'components/dark-mode-toggle';
@import 'components/dropdown';
@import 'components/empty';
@import 'components/event-logs';
@import 'components/footer';
@import 'components/headline';
@import 'components/_codemirror';
@import 'components/loading';
@import 'components/modal';
@import 'components/nav';
@import 'components/navbar-toggle';
@import 'components/pagination';
@import 'components/read-more';
@import 'components/search-form';
@import 'components/stat';
@import 'components/table';
@import 'components/tabs';
@import 'components/toggle';
@import 'components/transfer-event';

/*
TRUMPS
================================================
utilities and helper classes with ability to override anything which goes before in the triangle, eg. hide helper class
*/
@import 'trumps/custom';
@import 'trumps/dark-mode';
