feat(standard-styling) Enhance search and styling
Improves search bar with SVG icon support for better visual consistency. Adds utility SCSS file for managing global styles like heading selectors. Introduces a checkmark SVG asset and reorganizes custom SCSS files following the 7-in-1 structure for better maintainability. Comments out optional USP bar code in header.tpl to allow easy activation.
This commit is contained in:
@ -1,11 +1,18 @@
|
||||
// NOTE: All bootstrap overrides have been configured under themes/falcon/_dev/css/abstracts/variables/bootstrap
|
||||
/*
|
||||
This is the main custom SCSS file for the Falcon theme.
|
||||
|
||||
I am loosely following the 7 in 1 structure for better organization of the styles. Learn more here:
|
||||
https://medium.com/@diyorbekjuraev77/be-a-master-at-creating-the-7-1-sass-pattern-776fdfb5a3b1
|
||||
|
||||
⚠️NOTE: All bootstrap overrides have been configured under themes/falcon/_dev/css/abstracts/variables/bootstrap
|
||||
*/
|
||||
|
||||
//Abstracts: Things used throughout the site such as utility classes and generic overrides.
|
||||
@import "abstracts/utilities";
|
||||
//@import "abstracts/base";
|
||||
//@import "abstracts/utilities";
|
||||
|
||||
// Components: parts of the theme itself that are not associated with a module.
|
||||
//@import "components/";
|
||||
@import "components/forms";
|
||||
|
||||
// Modules: Styling for specific modules.
|
||||
|
||||
3
falcon/_dev/css/theme/custom/abstracts/_utilities.scss
Normal file
3
falcon/_dev/css/theme/custom/abstracts/_utilities.scss
Normal file
@ -0,0 +1,3 @@
|
||||
// Header selector for interpolation
|
||||
// Example usage: #{$headings} { ... }
|
||||
$headings: "h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6";
|
||||
Reference in New Issue
Block a user