Changelog

Breaking changes

• Refactored nearly all components to use more un-nested class selectors instead of over-specific children selectors.
• bootstrap.css file merged to the theme.css.
• bootstrap.css file removed from all HTML-files.
• Main Front SCSS file renamed to theme.scss.
• Main Front CSS file renamed to theme.css.
• Main Front JS file renamed to theme.js.
• Helper JS files moved to the components folder.
• $g- variable prefix dropped to optimize the variables with Bootstrap variables, and to avoid duplications.
• Dropped Unfold styles in favor of Bootstrap .dropdown menu.
• Switched from px-to-rem mixing to plain rem.
• Dropped .u- prefix from utility classes.
• Buttons
  • Dropped .u- prefix from button classes in favor of Bootstrap naming classes.
  • Renamed .u-button-*--air classes to .btn-*-soft.
• Badges
  • Dropped .u- prefix from badge classes in favor of Bootstrap naming classes.
  • Improved badge positioning.
  • Renamed .u-badge-border-* classes to .badge-outline-*.
• Forms
  • Renamed u-form-layouts in favor of Bootstrap naming classes.
  • Dropped some u-form-layouts classes and extended Bootstrap form classes.
  • Dropped .u- prefix from .u-file-attachment-* classes.
  • Dropped .u- prefix from .u-checkbox-* classes.
• Components that are dropped in favor of .card
  • .u-pricing-v1, and .u-pricing-v2 classes
  • modal-windows
  • .u-blog-overlay-v1 class
  • .blog-masonry blocks.
  • shop/cart.html Shipment blocks
  • shop/checkout.html Order summary content
  • home/classic-crypto.html Bitcoin charts blocks
  • home/corporate-agency.html Team blocks
  • home/corporate-business.html Hero card blocks
  • home/corporate-business.html Pricing blocks
  • home/landing-house.html Products blocks
  • home/landing-job.html Hiring blocks
  • home/portfolio-agency.html Hire Us blocks
  • home/classic-marketing.html News and Features blocks
  • home/blog-start-up.html News blocks
  • home/blog-agency.html News blocks
  • Sidebar news blogs classes.
  • blog-classic News blocks.
  • blog-grid News blocks.
  • blog-list News blocks.
  • blog-masonry News blocks.
  • work-masonry News blocks.
  • work-modern News blocks.
  • home/landing-house.html Testimonials blocks
  • home/classic-consulting.html Testimonials blocks
  • home/blog-agency.html Testimonials blocks
  • shop/classic.html Product blocks
  • shop/masonry.html Product blocks
  • pages/privacy.html content.
  • pages/terms.html sticky-block nav.
  • pages/help.html sticky-block nav.
  • pages/services-agency.html Get Started with Front blocks.
  • shop/classic.html Testimonials blocks.
  • home/about-start-up.html Testimonials blocks.
  • account/members.html Members block.
  • account/members-list.html Members block.
  • account/activity.html Activity table block.
  • account/my-tasks.html Tasks table block.
  • account/plans.html Pricing blocks.
  • account/projects-list.html Projects blocks.
  • account/profile.html Sibebar blocks.
• Components that are dropped in favor of .list-group
  • All Footers list groups.
  • account/profile.html List groups.
  • pages/terms.html sticky-blocks.
  • pages/help.html sticky-blocks.
• Dropped Cubeportfolio plugin from .blog-masonry blocks.
• Dropped .u- prefix from progress-vertical classes.
• Dropped .u-info-v1, and .u-info-v2 classes, and replaced with .card-frame class.
• Dropped mixins/_breakpoint.scss in favor of Bootstrap mixins.
• Dropped list-style.scss file and replaced with Bootstrap list-groups.
• Dropped .u-md-avatar in favor of .u-avatar class.
• Updated hs.chart-pie.js.
• Refactored position classes in favor of Bootstrap naming classes. See Position classes.
• Refactored video-player blocks. See Video Player.
• Refactored hs.chart-pie.js file.
• Stats blocks in the home/classic-consulting.html file are not dynamic rather than static SVG.
• Previous Front content spacing utility classes rewritten with $content-space mixins and renamed in favor of Bootstrap naming classes. See Spacing classes.
• Renamed $midnightblue to the Bootstrap's $indigo variable.
• Renamed $social-network-colors to $secondary-colors.
• Renamed .u-font-size-* to .font-size-*. See Font size classes.

Global changes

• SVG
  • Refactored SVG elements to make their classes and IDs unique to give them unique styles.
  • Plain SVG codes removed from HTMl-pages and called through img tag.
• Dropped skippy across all HTML-pages.

Dropped

• Dropped front.scss, front-core.scss, and front-components.scss SCSS files. All these files merged to the theme.scss file. Since there was no a reason to divide them.
• Removed the unused _staggered-transition-delay.scss mixin. It was just extra code.
• Dropped _space.scss file.
• Dropped overflow: hidden; from main tag.
• Dropped body and html tag styles to use stick to the Bootstrap Reboot.
• Dropped _modal-window-account.scss, _modal-window-shopping-cart.scss, and _modal-window-subscribe.scss files, since their only style was width. However, their styles are now given through HTML inline style.
• Dropped _news-blog-overlay-v1.scss class in favor of utility classes. Use Background gradient overlay classes instead now.
• Dropped scss/front/unfold/ folder.
• Dropped .u-icon in favor of .btn classes.
• Dropped search-classic style in favor of utility classes.
• Dropped shopping-cart style in favor of explicit .card classes.
• Dropped duplicated Sidebar examples from header-layouts.html page.
• Dropped .u-sidebar--cart and u-sidebar__content--cart classes for simplicity's sake.
• Dropped exit-intend plugin from home/blog-agency.html page.
• Dropped forms/toggle-state/ folder.
• Dropped forms/form-steps/ folder.
• Dropped .u-form-steps classes in favor of .nav classes. Use Nav classes instead now.
• Dropped Instagram plugin from demo pages due to a continuous data token error. However, the plugin is still available in the Documentation page.
• Dropped px-to-rem mixin in favor of plain rem.
• $accent-colors dropped.
• Dropped @icon-elements mixin in favor of plain SCSS style.
• Dropped .theme-color function.
• Removed the unused .mx-gutters-5 class.
• Dropped .u-form--modern in favor of a default form style.

Optimized

• Moved scss/vendor/ folder to the scss/front/ folder.
• Moved scss/vendor/bootstrap.scss file to the scss/ folder.
• scss/mixins/_border-radius.scss optimized.
• scss/mixins/_buttons.scss optimized.
• Large and responsive spacing issues on small devices optimized.
• footers optimized.
• Moved _typo-font-sizes.scss and _typo-font-weight.scss utilities to the utilities/_text.scss file.
• Moved scss/front/colors/ utility folder to the scss/front/utilities/ folder.
• Moved scss/front/links/ utility folder to the scss/front/utilities/_links.scss folder.
• Merged _height.scss utility file with _sizing.scss file.

Miscellaneous

• Dropped data-bg-img-src JS function in favor of HTML inline style.
• Dropped $teal-darker, $cyan-darker, $red-darker colors.
• .u-sidebar--cart__footer-offset class renamed to .u-sidebar__cart-footer-offset.
• Renamed scss/vendor/_border-radius.scss file to _border.scss.
• @media breakpoint sizes are fixed according to Bootstrap's latest changes.
• _area-chart.scss file moved to scss/front/vendor/area-chart/_area-chart.scss folder.
• datatable/ folder moved to scss/front/vendor/ folder.
• datepicker/ folder moved to scss/front/vendor/ folder.
• forms/select/ folder moved to scss/front/vendor/ folder.
• forms/summernote/-editor folder moved to scss/front/vendor/ folder.
• forms/tagsinput/ folder moved to scss/front/vendor/ folder.
• Replaced .u-labels on Blog pages with .btn classes.
• Replaced SVG background .content-centered class to .content-centered-y in pages/maintenance-mode.html page.
• Replaced SVG background .content-centered class to .content-centered-y in pages/privacy.html page.
• Replaced SVG background .content-centered class to .content-centered-y in portfolio/case-studies-modern.html page.
• Replaced Video Background's SVG background .content-centered class to .content-centered-y in pages/careers.html page.
• Replaced assets/img/64x64/ images with 100x100 images due to low quality.
• Bootstrap's $indigo variable enabled.
• img tags are now wrapped with .u-*-avatar classes for better usability.
• .u-*-avatar sizes are improved to match the .btn-icon sizes.
• Added data-adaptive-height="true" to the Pricing section to the home/classic-consulting.html, and pages/pricing.html pages.
• Changed .u-slick--gutters-3 from 16px to 15px.

Class changes