119 lines
3.3 KiB
SCSS
119 lines
3.3 KiB
SCSS
// @use statements for files that export Sass features (mixins, variables, functions)
|
|
@use "./abstracts/variables" as *;
|
|
@use "./abstracts/mixins" as *;
|
|
|
|
// base styles (CSS-only files) - using @use for modern Sass
|
|
@use "./base/reset";
|
|
@use "./base/typography";
|
|
@use "./base/global";
|
|
|
|
// component styles (CSS-only files) - using @use for modern Sass
|
|
@use "./components/buttons";
|
|
@use "./components/forms";
|
|
@use "./components/preloader";
|
|
@use "./components/eye-friendly";
|
|
@use "./components/cookie-consent";
|
|
@use "./components/modern-banner";
|
|
@use "./components/banner-fixes";
|
|
@use "./components/hero-banner";
|
|
|
|
// layout styles (CSS-only files) - using @use for modern Sass
|
|
@use "./layout/header";
|
|
@use "./layout/banner";
|
|
@use "./layout/footer";
|
|
|
|
// section styles (CSS-only files) - using @use for modern Sass
|
|
@use "./sections/all-sections";
|
|
@use "./sections/enterprise-service";
|
|
|
|
// page-specific styles
|
|
@use "./pages/about-enterprise";
|
|
@use "./pages/support-center";
|
|
@use "./pages/blog-single";
|
|
|
|
// responsive styles (CSS-only files) - using @use for modern Sass
|
|
@use "./responsive";
|
|
|
|
// modern CSS framework (Bootstrap replacement)
|
|
@use "./utilities/modern-framework";
|
|
@use "./utilities/content-protection";
|
|
|
|
/* ==============
|
|
========= css table of contents =========
|
|
|
|
* template name: Itify
|
|
* version: 1.0
|
|
* description: Software Development & IT Solutions
|
|
* author: Pixelaxis
|
|
* author-url: https://themeforest.net/user/pixelaxis
|
|
|
|
01. abstracts
|
|
1.01 --> mixins
|
|
1.02 --> variables
|
|
|
|
02. base
|
|
2.01 --> reset
|
|
2.02 --> typography
|
|
2.03 --> global
|
|
|
|
03. components
|
|
3.01 --> buttons
|
|
3.02 --> forms
|
|
3.03 --> preloader
|
|
|
|
04. layout
|
|
4.01 --> header
|
|
4.01.01 --> header common
|
|
4.01.02 --> light header
|
|
4.01.03 --> offcanvas nav
|
|
|
|
4.02 --> banner
|
|
4.02.01 --> home banner styles start
|
|
4.02.02 --> about banner styles start
|
|
4.02.03 --> service banner styles start
|
|
4.02.04 --> career banner styles start
|
|
|
|
4.03 --> footer
|
|
|
|
05. sections
|
|
5.01 --> overview section styles start
|
|
5.02 --> story section styles start
|
|
5.04 --> latest post section styles start
|
|
5.05 --> sponsor section styles start
|
|
5.06 --> case study section styles start
|
|
5.07 --> gallery section styles start
|
|
5.08 --> service section styles start
|
|
5.09 --> transform section styles start
|
|
5.10 --> process section styles start
|
|
5.11 --> case study main section styles start
|
|
5.12 --> open position section styles start
|
|
5.13 --> thrive section styles start
|
|
5.14 --> masonry gallery styles start
|
|
5.15 --> job details styles start
|
|
5.16 --> blog main styles start
|
|
5.17 --> blog details styles start
|
|
|
|
06. responsive
|
|
|
|
==================================
|
|
============== */
|
|
|
|
// External libraries - modern CSS only
|
|
// font awesome 6
|
|
@import "@/public/icons/font-awesome/css/all.min.css";
|
|
|
|
// material icons
|
|
@import "@/public/icons/material-icons/css/material-icons.css";
|
|
|
|
// Suppress Font Awesome font warnings (harmless glyph bbox warnings)
|
|
@supports (font-variation-settings: normal) {
|
|
@font-face {
|
|
font-family: "Font Awesome 6 Free";
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Font Awesome 6 Brands";
|
|
font-display: swap;
|
|
}
|
|
}
|