diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css new file mode 100644 index 0000000..c93097d --- /dev/null +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -0,0 +1,35 @@ +.header-btn { + position: relative; +} +.header-btn::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: -13px; + width: 14px; + clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%); + background-color: #090303; +} +.header-btn::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: -13px; + width: 14px; + clip-path: polygon(0% 0%, 100% 0%, 25% 100%, 0% 100%); + background-color: #090303; +} +.header-btn .elementor-button { + padding: 12px 17px 10px 24px; +} +.header-btn .elementor-button .elementor-button-content-wrapper { + line-height: 1; + align-items: center; + gap: 8px; +} +.header-btn .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg { + width: 16px; + height: 16px; +}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map new file mode 100644 index 0000000..a0141a4 --- /dev/null +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAAA;EACC,kBAAA;ACCD;ADCC;EACC,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,uDAAA;EACA,yBAAA;ACCF;ADEC;EACC,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,YAAA;EACA,WAAA;EACA,qDAAA;EACA,yBAAA;ACAF;ADGC;EACC,4BAAA;ACDF;ADGE;EACC,cAAA;EACA,mBAAA;EACA,QAAA;ACDH;ADII;EACC,WAAA;EACA,YAAA;ACFL","file":"custom.css"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss new file mode 100644 index 0000000..21bf611 --- /dev/null +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -0,0 +1,42 @@ +.header-btn { + position: relative; + + &::before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: -13px; + width: 14px; + clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%); + background-color: #090303; + } + + &::after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + right: -13px; + width: 14px; + clip-path: polygon(0% 0%, 100% 0%, 25% 100%, 0% 100%); + background-color: #090303; + } + + .elementor-button { + padding: 12px 17px 10px 24px; + + .elementor-button-content-wrapper { + line-height: 1; + align-items: center; + gap: 8px; + + .elementor-button-icon { + svg { + width: 16px; + height: 16px; + } + } + } + } +} diff --git a/wp-content/themes/hello-elementor/assets/js/custom.js b/wp-content/themes/hello-elementor/assets/js/custom.js new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/hello-elementor/functions.php b/wp-content/themes/hello-elementor/functions.php index 7c418ed..240d4ef 100644 --- a/wp-content/themes/hello-elementor/functions.php +++ b/wp-content/themes/hello-elementor/functions.php @@ -271,3 +271,24 @@ if ( ! function_exists( 'hello_elementor_body_open' ) ) { require HELLO_THEME_PATH . '/theme.php'; HelloTheme\Theme::instance(); + +function hello_custom_styles() { + wp_enqueue_style( + 'hello-custom-style', + get_stylesheet_directory_uri() . '/assets/css/custom.css', + array(), + filemtime(get_stylesheet_directory() . '/assets/css/custom.css') + ); +} +add_action('wp_enqueue_scripts', 'hello_custom_styles', 9999); + +function hello_custom_scripts() { + wp_enqueue_script( + 'hello-custom-script', + get_stylesheet_directory_uri() . '/assets/js/custom.js', + array('jquery'), + filemtime(get_stylesheet_directory() . '/assets/js/custom.js'), + true + ); +} +add_action('wp_enqueue_scripts', 'hello_custom_scripts', 9999); \ No newline at end of file