Picture of Adam Laird
Overriding styles on specific componants
by Adam Laird - Wednesday, 12 March 2014, 11:51 AM
 

I wanted to override the trickle button to its own color but was unable to do so via the theme, instead having to go into trickle.less within the component.

Is there a way of doing this through the theme instead of having to customise a component (and losing customisations on updates)?

Picture of Daryl Hedley
Re: Overriding styles on specific componants
by Daryl Hedley - Thursday, 13 March 2014, 3:21 PM
 

Hey Adam,

In an update to the Gruntfile.js in the root folder you'll find line 100-111 needs updating to this:

concat: {
    less: {
        src: [
            'src/core/less/*.less',
            'src/menu/**/*.less',
            'src/components/**/*.less',
            'src/extensions/**/*.less',
            'src/theme/**/*.less'
        ],
        dest: 'src/less/adapt.less'
    }
},

 

I realised when trying to style a course I was unable to override component or extension styles as the theme was being concatenated before. The way we build our themes is to stop duplicated less variables being added. So we concat our less files and then run less compilation over the one big less file located in less/adapt.less.

Hope this helps,

Thanks,

Daryl 

Picture of Adam Laird
Re: Overriding styles on specific componants
by Adam Laird - Thursday, 13 March 2014, 3:56 PM
 

Thanks Daryl,

Hows v1.1 looking as can see hitting issues that have been fixed a while back ;)

Picture of Daryl Hedley
Re: Overriding styles on specific componants
by Daryl Hedley - Friday, 14 March 2014, 6:49 AM
 

Hey Adam,

We're looking at getting a release out for testing today. Once this is tested and bugs are fixed we'll be pushing a release.

Thanks,

Daryl