digitransit-ui/sass/_main.scss

75 lines
2.9 KiB
SCSS

/* Set Foundation base font to theme font
(without this Foundation overrides body */
$body-font-family: $font-family;
$body-font-weight: $font-weight-medium;
/* Base styles */
@import 'base/zindex';
@import 'base/helper-mixins';
@import 'base/base';
@import 'base/form';
@import 'base/helper-classes';
@import 'base/elements';
@import '~zurb-foundation-5/scss/foundation/components/grid';
@import 'base/helper-classes-after-foundations';
// Some of these files override sass variables Foundation uses,
// so they must be loaded before the relevant foundation modules
@import '../app/component/stop-cards';
@import '../app/component/alert-banner';
@import '../app/component/map/map';
@import '../app/component/map/popups/marker-popup';
@import '../app/component/front-page';
@import '../app/component/navigation';
@import '../app/component/itinerary';
@import '../app/component/bike-park-rental-station';
@import '../app/component/itinerary-feedback';
@import '../app/component/route';
@import '../app/component/customize-search';
@import '../app/component/checkbox';
@import '../app/component/customizesearch/toggle';
@import '../app/component/searchSettingsDropdown';
@import '../app/component/no-route-popup';
@import '../app/component/summary-row';
@import '../app/component/summary';
@import '../app/component/stops-near-you.scss';
@import '../app/component/time-navigation-buttons';
@import '../app/component/origin-destination-bar';
@import '../app/component/disruption';
@import '../app/component/departure';
@import '../app/component/stop';
@import '../app/component/util';
@import '../app/component/city-bike';
@import '../app/component/favourite-icon-table';
@import '../app/component/nolocation-panel';
@import '../app/component/timetable';
@import '../app/component/visual/index';
@import '../app/component/quickSettingsPanel';
@import '../app/component/bubble-dialog';
@import '../app/component/selectmaplayersdialog';
@import '../app/component/itinerary-profile';
@import '~zurb-foundation-5/scss/foundation/components/forms';
@import '../app/component/streetmodeselector';
@import '../app/component/streetmodeselectorbutton';
@import '../app/component/streetmodeselectorshimmer';
@import '../app/component/ItinerarySummarySubtitle';
@import '../app/component/weather-details';
@import '../app/component/zone-icon';
@import '../app/component/dateselect';
@import '../app/component/settings-panel';
@import '../app/component/routeScheduleDropdown.scss';
@import '../app/component/embeddedSearch.scss';
@import '../app/component/embeddedSearchGenerator.scss';
@import '../app/component/FromMapModal.scss';
@import '../app/component/MobileTicketPurchaseInformation.scss';
@import '../app/component/AppBarHsl.scss';
@import 'base/button';
/* Modal */
@import '~foundation-apps/scss/helpers/breakpoints';
@import '~foundation-apps/scss/components/modal';
// And these application specific styles use Foundation variables,
// so they have to be loaded afterwards