CSS3 variables in 2020.04

Help for integrating the Laravel package
Forum rules
Always add your Laravel, Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
Post Reply
nunomira
Posts: 8
Joined: 09 May 2020, 17:56

CSS3 variables in 2020.04

Post by nunomira » 26 May 2020, 17:09

I have just installed Aimeos 2020.04 using

Code: Select all

composer create-project aimeos/aimeos myshop
and tried the CSS example

Code: Select all

aimeos {
  --ai-primary: #FFA840;
  --ai-primary-light: #FFB850;
  --ai-secondary: #555;
  --ai-light: #D0D0D0;
  --ai-bg: #FFF;
}
mentioned in the announcement but nothing happens.

I've added this CSS code to myfile.css and added it to the app.blade.php, before the theme's css.

What am I missing?
Top
User avatar
aimeos
Administrator
Posts: 7884
Joined: 01 Jan 1970, 00:00

Re: CSS3 variables in 2020.04

Post by aimeos » 27 May 2020, 15:51

You forgot the dot before the "aimeos" CSS class. Use:

Code: Select all

.aimeos {
  --ai-primary: #FFA840;
  --ai-primary-light: #FFB850;
  --ai-secondary: #555;
  --ai-light: #D0D0D0;
  --ai-bg: #FFF;
}
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star
Top
nunomira
Posts: 8
Joined: 09 May 2020, 17:56

Re: CSS3 variables in 2020.04

Post by nunomira » 27 May 2020, 18:54

Thanks!

First I felt really stupid for not being able to copy-paste the code correctly.
But now that I've corrected the code, it still doesn't work.
I tried

Code: Select all

.aimeos {
  --ai-primary: #FF0000;
  --ai-primary-light: #FF0000;
  --ai-secondary: #FF0000;
  --ai-light: #FF0000;
  --ai-bg: #FF0000;
}
But nothing changes.

I looked at

Code: Select all

/packages/aimeos/shop/themes/elegance/aimeos.css
but there are no references to any of these variables.

So, there is something I'm still missing completely.
:?:
Top
User avatar
aimeos
Administrator
Posts: 7884
Joined: 01 Jan 1970, 00:00

Re: CSS3 variables in 2020.04

Post by aimeos » 28 May 2020, 09:06

Did you update your installation? Then you have to publish the new CSS files first using:

Code: Select all

php artisan vendor:publish --all
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star
Top
nunomira
Posts: 8
Joined: 09 May 2020, 17:56

Re: CSS3 variables in 2020.04

Post by nunomira » 28 May 2020, 09:35

Hi!
Thanks.

No, I didn't do anything like that.
I thought I had to create a CSS file with that code and simply add it the app.blade.php, before the theme's CSS.

But now I have tried
[/code]php artisan vendor:publish --all[/code]
but still nothing happens.

What do you mean by updating my installation?
I run

Code: Select all

composer create-project aimeos/aimeos myshop
And now I have tried

Code: Select all

composer update
What am I missing?
Top
User avatar
aimeos
Administrator
Posts: 7884
Joined: 01 Jan 1970, 00:00

Re: CSS3 variables in 2020.04

Post by aimeos » 28 May 2020, 09:41

Sorry, the aimeos/aimeos distribution is still using 2019.10 LTS. You have to use

Code: Select all

composer create-project laravel/laravel:~6.0
composer require aimeos/aimeos-laravel:~2020.04
and perform the installation of the Aimeos package manually to use the latest release:
https://github.com/aimeos/aimeos-larave ... of-content
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star
Top
nunomira
Posts: 8
Joined: 09 May 2020, 17:56

Re: CSS3 variables in 2020.04

Post by nunomira » 28 May 2020, 10:32

Now it's working, thanks!

I could have looked at composer.json and see I wan't on 2020.04!
:lol:
Top
Post Reply

Return to “Laravel package”