Jump to content
.i-header__buttons { float: right; --_font-size: calc(var(--set__i-desktop-logo--fo-si)* 1px); --_image-size: var(--set__i-logo--he); display: flex ; align-items: center; color: inherit; font-weight: var(--set__i-logo--fo-we); font-family: var(--set__i-logo--fo-fa); text-decoration: none; height: var(--i-header-row--he, 100%); font-size: var(--_font-size); } :root { --c--h: 210; --c-1: hsl(var(--c--h), 40%, 98%); --c-2: hsl(var(--c--h), 30%, 96%); --c-3: hsl(var(--c--h), 25%, 91%); --c-4: hsl(var(--c--h), 22%, 84%); --c-5: hsl(var(--c--h), 20%, 65%); --c-6: hsl(var(--c--h), 15%, 46%); --c-7: hsl(var(--c--h), 15%, 38%); --c-8: hsl(var(--c--h), 20%, 30%); --c-9: hsl(var(--c--h), 25%, 22%); --c-10: hsl(var(--c--h), 30%, 19%); --c-11: hsl(var(--c--h), 35%, 14%); --c-12: hsl(var(--c--h), 40%, 10%); --c-primary--h: 201; --c-primary--s: 100%; --c-primary: hsl(var(--c-primary--h), var(--c-primary--s), 23%); --c-primary-light: hsl(var(--c-primary--h), var(--c-primary--s), 27%); --c-primary-dark: hsl(var(--c-primary--h), var(--c-primary--s), 15%); --c-primary-contrast: #fff; --c-secondary--h: 140; --c-secondary--s: 62%; --c-secondary: hsl(var(--c-secondary--h), var(--c-secondary--s), 46%); --c-secondary-light: hsl(var(--c-secondary--h), var(--c-secondary--s), 50%); --c-secondary-dark: hsl(var(--c-secondary--h), var(--c-secondary--s), 34%); --c-gradient-1: #19bc70; --c-gradient-2: #12b36e; --c-gradient-3: #00a06b; --c-gradient-4: #009e7e; --c-gradient-5: #008d84; --c-gradient-6: #008a9c; --c-gradient-7: #007ea5; --c-gradient-8: #006da2; --root--ba-co: rgb(var(--theme-page_background)); --root--co: rgb(var(--theme-text_color)); --c-soft: rgb(var(--theme-text_light)); --c-hard: rgb(var(--theme-text_dark)); --c-light: rgb(var(--theme-text_light)); --c-dark: rgb(var(--theme-text_dark)); --z_header-content: 10; --z_secondary-nav: 5; --header--he: 70px; --header__top--he: 40px; --nav--transition: 0.3s; --secondary-nav--he: 450px; --secondary-nav--pa: 40px; --header--co: var(--c-primary); --header--ba-co: #fff; --header-active--co: #fff; --header-active--ba-co: var(--c-primary-dark); --header__button--co: var(--c-secondary); --header__primary-button--co: #fff; --header__primary-button--ba-co: var(--c-secondary); --header__primary-button-hover--ba-co: var(--c-secondary-light); --header__active-overlay--ba-co: rgba(255, 255, 255, .9); } .i-main-navigation__link, .i-header__buttons__button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;margin:0;position:relative;z-index:calc(var(--z_secondary-nav) + 1);color:inherit !important;display:flex;align-items:center;justify-content:center;padding:0 1.4em;line-height:3em;font-weight:500;font-size:14px !important;border-radius:7px;white-space:nowrap;} .i-header__buttons{margin:0;padding:0;list-style:none;display:flex;flex:0 0 auto;}.i-header__buttons__button{color:var(--header__button--co) !important;position:relative;margin-left:5px;transition:all .15s ease-in-out;}.i-header--active .i-header__buttons__button{--header__button--co:var(--header-active--co);}.i-header__buttons__button--inherit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:currentColor;opacity:.1;transition:all .15s ease-in-out;}.i-header__buttons__button--inherit:hover::before{opacity:.2;}.i-header__buttons__button span{position:relative;}.i-header__buttons__button--primary{background:var(--header__primary-button--ba-co);color:var(--header__primary-button--co) !important;}.i-header__buttons__button--primary:hover{background:var(--header__primary-button-hover--ba-co);}@media (max-width:1200px){.i-main-navigation__item{flex:1 0 auto;}.i-main-navigation__link, .i-header__buttons__button{font-size:12px !important;}.i-main-navigation__link{padding:0 8px;;}}@media (max-width:550px){.i-header__buttons__button[href*='/clientarea']{display:none;}}
Posted
comment_43919

SB Admin Pro A premium Bootstrap admin theme


SB Admin Pro now uses Bootstrap 5!

SB Admin Pro is a premium quality, Bootstrap based admin dashboard theme built by the team at Start Bootstrap. Here's what you get when you purchase SB Admin Pro:

  • Bootstrap 5 - This professional admin theme has been updated to use the new Bootstrap 5 framework!
  • HTML & CSS Files - This theme includes fully compiled HTML and CSS files for easy use. Since these files are fully rendered HTML and CSS, they are ready to integrate into any development environment you choose to use while building your web application.
  • Source Files - When purchasing at or above the Developer License tier, you also get the full source files used to create the HTML/CSS version of the theme. We use SASS/SCSS to preprocess our CSS and Pug as an HTML templating language. Using the source files along with the documentation allows more advanced users to more easily customize and extend the features and styling already incldued with the theme!
  • Development Environment - If you choose our Developer License, or above, we include our proprietary suite of npm scripts which run our development environment. With live reloading and realtime compiling during development, you'll be working faster than ever!
  • Regular Updates - Since 2013, Start Bootstrap has been regularly updating all of our products. Part of our core mission is to keep iterating on our core products, keeping them updated and bug free. As the web changes, our themes change along with it, and you can trust Start Bootstrap to keep things looking fresh and operating smoothly!
  • Clean User Interface Design – Many premium admin dashboard themes can be over-designed and difficult to adapt to fit into your brand or vision. SB Admin Pro offers a clean, user tested interface that functions seamlessly out-of-the-box, which gives developers a better starting point for customization.
  • Email Support – When you purchase SB Admin Pro, if you can't find the answers you're looking for in the documentation, you can contact the product developers via email to get you with answers to your questions as soon as possible. We offer support for bug fixes and questions related to the product.
  • Layout Options – With a variety of dashboard layouts, page header options, static vs. fixed navigation layouts, color customization options, and RTL support, SB Admin Pro is a perfect fit for any web app front-end.
  • Extended Bootstrap Components – With SB Admin Pro, we take the Bootstrap framework and extend it's design and functionality based on Bootstrap's very own themeing and extending guidelines. We give Bootstrap a fresh new look and feel to make the theme feel unique on it's own. We've also added a number of custom components and utilities to give you more options to choose from when working on your project.
  • Code Snippets – Our entire live preview acts as a working style reference for all of the components included within the theme. As you look through the demo, you'll see code snippets, in both Pug and HTML, that you can easily copy and paste into your project as you work!
  • Detailed Documentation – SB Admin Pro's documentation includes usage instructions, component references, and tutorials on how to get your project up and running. We also include best practices on how to build out your application using the theme's source files.

HTML & CSS over JS

Following Bootstrap Best Practices

In the official Bootstrap documentation, Bootstrap states that they "prefer to write HTML and CSS over JavaScript" due to HTML and CSS performing faster in the browser, along with being more available and accessible to developers of all different levels of experience.

When creating SB Admin Pro, we have followed Bootstrap’s recommended approach to extending the Bootstrap framework, giving you a clean, functional, and highly extendable product that can be used by a wider range of developers or varying levels.

Integration-Ready

Use your Favorite Framework or Environment!

Whether you're working with ASP.NET MVC, Ruby on Rails, Laravel, Angular, React, Vue, or any other front-end framework, SB Admin Pro is ready to integrate!

Since this is an HTML/CSS based theme, or Pug and SCSS if you're choosing a license tier that includes source file access, it is built in a framework agnostic way within the constraints of the Bootstrap framework.


 

Featured Replies

  • 2 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

Recently Browsing 0

  • No registered users viewing this page.

Latest Updated Files