b108feec5d
Instead of redefining font-weights, we override the BS variables and add one extra font-weight in the newly-introduced extended utilities file. After this change all the variables needed replacing and some tweaking was needed to get the same or closely similar result as before this change. By doing so the font-weight classes in the typography file were obsolete and hence removed. Some other font-weight issues which were already there have been fixed in this commit too.
178 lines
5.4 KiB
SCSS
178 lines
5.4 KiB
SCSS
$o-grid-breakpoint-xxl: 1400px;
|
|
$o-grid-breakpoint-xxxl: 1680px;
|
|
|
|
$o-container-max-width-xxl:1380px;
|
|
$o-container-max-width-xxxl: 1560px;
|
|
|
|
// Typography
|
|
// ===============================================
|
|
$o-font-family-serif: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
|
|
|
|
// Extra font added in custom utilities
|
|
$o-font-weight-medium: 500;
|
|
|
|
//------------------------------------------------------------------------------
|
|
// icomoon icons
|
|
//------------------------------------------------------------------------------
|
|
|
|
$i-arrow-up: "\e948";
|
|
$i-arrow-down: "\e945";
|
|
$i-arrow-left: "\e946";
|
|
$i-arrow-right: "\e947";
|
|
$i-chevron-up: "\e94c";
|
|
$i-chevron-down: "\e949";
|
|
$i-chevron-left: "\e94a";
|
|
$i-chevron-right: "\e94b";
|
|
$i-link: "\e94f";
|
|
$i-external-link: "\e940";
|
|
$i-websites: "\e944";
|
|
$i-sales: "\e953";
|
|
$i-sales_2: "\e931";
|
|
$i-marketing: "\e922";
|
|
$i-apps_1: "\e904";
|
|
$i-apps_2: "\e905";
|
|
$i-app_features: "\e902";
|
|
$i-app-favorites: "\e903";
|
|
$i-basics: "\e906";
|
|
$i-cart: "\e907";
|
|
$i-shop: "\e937";
|
|
$i-accountant: "\e900";
|
|
$i-customer-reviews: "\e90d";
|
|
$i-hr: "\e91c";
|
|
$i-developer: "\e90e";
|
|
$i-users: "\e93f";
|
|
$i-doc-hr: "\e90f";
|
|
$i-doc-apps: "\e910";
|
|
$i-doc-contribute: "\e911";
|
|
$i-doc-admin_2: "\e912";
|
|
$i-doc-dev: "\e92d";
|
|
$i-doc-services: "\e913";
|
|
$i-doc-admin: "\e933";
|
|
$i-documentation: "\e914";
|
|
$i-scaleup: "\e934";
|
|
$i-knowledge: "\e920";
|
|
$i-tutorial: "\e93e";
|
|
$i-elearning_1: "\e915";
|
|
$i-elearning_2: "\e916";
|
|
$i-install: "\e91e";
|
|
$i-o-edu: "\e926";
|
|
$i-certifications: "\e908";
|
|
$i-events: "\e917";
|
|
$i-showcase: "\e938";
|
|
$i-jobs: "\e91f";
|
|
$i-finances: "\e919";
|
|
$i-money-bag: "\e923";
|
|
$i-money-plant: "\e924";
|
|
$i-o-help: "\e927";
|
|
$i-o-logo: "\e928";
|
|
$i-o-services: "\e929";
|
|
$i-o-tour: "\e92a";
|
|
$i-services: "\e936";
|
|
$i-operations_1: "\e92b";
|
|
$i-operations_2: "\e92c";
|
|
$i-performance: "\e92f";
|
|
$i-time-management_2: "\e93b";
|
|
$i-time-management: "\e93c";
|
|
$i-advanced: "\e901";
|
|
$i-search: "\e935";
|
|
$i-view: "\e952";
|
|
$i-view-more: "\e950";
|
|
$i-view-next: "\e951";
|
|
$i-partners: "\e92e";
|
|
$i-contact: "\e90c";
|
|
$i-forums: "\e91a";
|
|
$i-github: "\e91b";
|
|
$i-support: "\e939";
|
|
$i-collaborating: "\e90a";
|
|
$i-compare: "\e90b";
|
|
$i-themes: "\e93a";
|
|
$i-translate: "\e93d";
|
|
$i-release: "\e930";
|
|
$i-info: "\e91d";
|
|
$i-warning: "\e943";
|
|
$i-danger: "\e94d";
|
|
$i-note: "\e925";
|
|
$i-exercise: "\e918";
|
|
$i-lightbulb: "\e921";
|
|
$i-check: "\e909";
|
|
$i-edit: "\e932";
|
|
$i-article: "\e94e";
|
|
$i-sidepanel: "\e941";
|
|
$i-close: "\e942";
|
|
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Colors
|
|
//------------------------------------------------------------------------------
|
|
|
|
$o-gray-light : $gray-400;
|
|
$o-gray : $gray-600;
|
|
|
|
$o-gray-border: $gray-400;
|
|
$o-gray-bg: $gray-200;
|
|
$o-gray-color: $gray-900;
|
|
|
|
$o-literals-bg: $gray-200;
|
|
$o-literals-border: $o-literals-bg;
|
|
|
|
$o-toc-bg: $o-gray-bg;
|
|
$o-toc-border: $o-toc-bg;
|
|
|
|
$o-alert-note-color: $primary;
|
|
$o-alert-tip-color: $primary;
|
|
$o-alert-example-color: $success;
|
|
$o-alert-warning-color: $success;
|
|
$o-alert-danger-color: $danger;
|
|
$o-alert-exercises-color: $dark;
|
|
|
|
$o-accordion-bg: $o-alert-exercises-color!default;
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Misc
|
|
//------------------------------------------------------------------------------
|
|
|
|
// Header
|
|
$o-header-mobile-height: 50px;
|
|
$o-header-height: 80px;
|
|
$o-header-bg: $white;
|
|
|
|
$o-subheader-height: 32px;
|
|
|
|
$o-headers-mobile-height: $o-header-mobile-height + $o-subheader-height;
|
|
$o-headers-height: $o-header-height + $o-subheader-height;
|
|
// Navigation
|
|
$o-side-nav-width: 350px;
|
|
$o-on-page-width: 20%;
|
|
|
|
// o_has_code_column pages
|
|
$o-halfpage-width: 54%;
|
|
$o-codecol-width: 43%;
|
|
|
|
// Paddings and margins
|
|
$o-padding-xs: .5rem;
|
|
$o-padding-s: 1rem;
|
|
$o-padding-m: 2rem;
|
|
$o-padding-l: 3rem;
|
|
$o-margin-s: $o-padding-s;
|
|
$o-margin-m: $o-padding-m;
|
|
$o-margin-l: $o-padding-l;
|
|
|
|
$o-icon-margin: .2em;
|
|
//------------------------------------------------------------------------------
|
|
// Components
|
|
//------------------------------------------------------------------------------
|
|
|
|
// Alerts
|
|
$o-alert-default-icon: $i-info;
|
|
$o-alert-code-border-color: $o-gray-border;
|
|
|
|
$o-alert-types: (
|
|
"primary": ("color": $primary, "icon": $i-exercise),
|
|
"secondary": ("color": $secondary, "icon": $i-arrow-right),
|
|
"tip": ("color": $primary, "icon": $i-lightbulb),
|
|
"success": ("color": $success, "icon": $i-knowledge),
|
|
"warning": ("color": $warning, "icon": $i-warning),
|
|
"danger": ("color": $danger, "icon": $i-danger),
|
|
"dark": ("color": $dark, "icon": $i-exercise)
|
|
);
|