Solved: How to customize Portal using SCSS

testsampleapige · 12-17-2019 10:27 PM

I have built an Integrated Portal using CSS, I am trying to change/build it with SCSS because integrated portal supports Sassy Cascading Style Sheets. Can anyone guide me How to build it and where to upload.

Refer Key features and benefits at https://docs.apigee.com/api-platform/publish/portal/build-integrated-portal

cjking

On the Theme Page of your portal, click 'Advanced' in the upper right hand corner, under the 'Publish' button. This will pop-out an editor on the right, where you can add your scss in the 'Custom Styles' section.

I used a basic sample from here: https://sass-lang.com/guide

@mixin transform($property) {
  -webkit-transform: $property;
  -ms-transform: $property;
  transform: $property;
}
.mat-raised-button { @include transform(rotate(30deg)); }

and it seemed to work OK for me:

(Samples like this are why I'm never going to work in UI/UX 😉 )

View solution in original post

cjking

On the Theme Page of your portal, click 'Advanced' in the upper right hand corner, under the 'Publish' button. This will pop-out an editor on the right, where you can add your scss in the 'Custom Styles' section.

I used a basic sample from here: https://sass-lang.com/guide

@mixin transform($property) {
  -webkit-transform: $property;
  -ms-transform: $property;
  transform: $property;
}
.mat-raised-button { @include transform(rotate(30deg)); }

and it seemed to work OK for me:

(Samples like this are why I'm never going to work in UI/UX 😉 )

testsampleapige

It worked for me, Thanks