xarxaprod
/
xarxaprod-wp-theme
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

edited npm json to compile proper css in frontend and admin

This commit is contained in:
jorge 2024-04-19 21:26:02 +02:00
parent fc64b2a859
commit 882a16de77
8 changed files with 34 additions and 3567 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3528
adminstyles.css
View File

File diff suppressed because it is too large Load Diff

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -37,7 +37,7 @@
}, },
"scripts": { "scripts": {
"watch": "node-sass sass/ -o ./ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w", "watch": "node-sass sass/ -o ./ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
"compile:css": "node-sass sass/ -o ./ && stylelint '*.css' --fix || true && stylelint '*.css' --fix", "compile:css": "node-sass sass/style.scss -o ./ && stylelint '*.css' --fix || true && stylelint '*.css' --fix",
"compile:cssadmin": "node-sass -r --output-style compressed sass/adminstyles.scss -o assets/css/ && stylelint '*.css' --fix || true && stylelint '*.css' --fix", "compile:cssadmin": "node-sass -r --output-style compressed sass/adminstyles.scss -o assets/css/ && stylelint '*.css' --fix || true && stylelint '*.css' --fix",
"compile:rtl": "rtlcss style.css style-rtl.css", "compile:rtl": "rtlcss style.css style-rtl.css",
"lint:scss": "wp-scripts lint-style 'sass/**/*.scss'", "lint:scss": "wp-scripts lint-style 'sass/**/*.scss'",

17
sass/adminstyles.scss
View File

@ -10,25 +10,20 @@
filter: invert(1); filter: invert(1);
} }
} }
.site-icon-preview .app-icon-preview { .site-icon-preview .app-icon-preview {
background-color: #fff; background-color: #fff;
} }
// editor styles // editor styles
.edit-post-visual-editor__content-area { .editor-styles-wrapper {
.editor-styles-wrapper {
// import theme styles // import theme styles
@import "style"; @import "style";
// apply differences when not rendered properly font-family: 'Neue Haas Grotesk Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
//:where(.wp-block) {
// max-width: 80rem;
//``}
font-family: $font__main;
h1,h2,h3,h4,h5,ul,figure,button { h1,h2,h3,h4,h5,ul,figure,button {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
}
} }
// modify internal paths to make objects locally available // modify internal paths to make objects locally available
//@import "adminstyles/fonts"; @import "adminstyles/fonts";
//////////////////////////////////////// ////////////////////////////////////////

36
sass/adminstyles/_fonts.scss
View File

@ -5,12 +5,12 @@ Add your custom styles in this file so it is easier to update the theme.
*/ */
@font-face { @font-face {
font-family: Neue Haas Grotesk Pro; font-family: Neue Haas Grotesk Pro;
src: url(assets/fonts/NeueHaasGroteskPro-45Light.eot); src: url(../../assets/fonts/NeueHaasGroteskPro-45Light.eot);
src: url(assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix) format(embedded-opentype), src: url(../../assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix) format(embedded-opentype),
url(assets/fonts/NeueHaasGroteskPro-45Light.woff2) format(woff2), url(../../assets/fonts/NeueHaasGroteskPro-45Light.woff2) format(woff2),
url(assets/fonts/NeueHaasGroteskPro-45Light.woff) format(woff), url(../../assets/fonts/NeueHaasGroteskPro-45Light.woff) format(woff),
url(assets/fonts/NeueHaasGroteskPro-45Light.ttf) format(truetype), url(../../assets/fonts/NeueHaasGroteskPro-45Light.ttf) format(truetype),
url(assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light) format(svg); url(../../assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light) format(svg);
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -18,12 +18,12 @@ Add your custom styles in this file so it is easier to update the theme.
@font-face { @font-face {
font-family: Neue Haas Grotesk Pro; font-family: Neue Haas Grotesk Pro;
src: url(assets/fonts/NeueHaasGroteskPro-55Roman.eot); src: url(../../assets/fonts/NeueHaasGroteskPro-55Roman.eot);
src: url(assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix) format(embedded-opentype), src: url(../../assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix) format(embedded-opentype),
url(assets/fonts/NeueHaasGroteskPro-55Roman.woff2) format(woff2), url(../../assets/fonts/NeueHaasGroteskPro-55Roman.woff2) format(woff2),
url(assets/fonts/NeueHaasGroteskPro-55Roman.woff) format(woff), url(../../assets/fonts/NeueHaasGroteskPro-55Roman.woff) format(woff),
url(assets/fonts/NeueHaasGroteskPro-55Roman.ttf) format(truetype), url(../../assets/fonts/NeueHaasGroteskPro-55Roman.ttf) format(truetype),
url(assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman) format(svg); url(../../assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman) format(svg);
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -31,12 +31,12 @@ Add your custom styles in this file so it is easier to update the theme.
@font-face { @font-face {
font-family: Neue Haas Grotesk Pro; font-family: Neue Haas Grotesk Pro;
src: url(assets/fonts/NeueHaasGroteskPro-75Bold.eot); src: url(../../assets/fonts/NeueHaasGroteskPro-75Bold.eot);
src: url(assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix) format(embedded-opentype), src: url(../../assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix) format(embedded-opentype),
url(assets/fonts/NeueHaasGroteskPro-75Bold.woff2) format(woff2), url(../../assets/fonts/NeueHaasGroteskPro-75Bold.woff2) format(woff2),
url(assets/fonts/NeueHaasGroteskPro-75Bold.woff) format(woff), url(../../assets/fonts/NeueHaasGroteskPro-75Bold.woff) format(woff),
url(assets/fonts/NeueHaasGroteskPro-75Bold.ttf) format(truetype), url(../../assets/fonts/NeueHaasGroteskPro-75Bold.ttf) format(truetype),
url(assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold) format(svg); url(../../assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold) format(svg);
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;

2
sass/style.scss
View File

@ -2,7 +2,7 @@
Theme Name: XarxaProd.cat 2024 Theme Name: XarxaProd.cat 2024
Theme URI: https://git.hangar.org/xarxaprod/ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar Tech Lab
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.7.2 Version: 1.7.2

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 330 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

2
style.css
View File

@ -2,7 +2,7 @@
Theme Name: XarxaProd.cat 2024 Theme Name: XarxaProd.cat 2024
Theme URI: https://git.hangar.org/xarxaprod/ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar Tech Lab
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.7.2 Version: 1.7.2