Skip to main content
Participant
September 23, 2019
Answered

In the assets panel,How do I distinguish the border color from the fill color?

  • September 23, 2019
  • 2 replies
  • 423 views

i need to translate assets into css files,but assets only have color.I need to classify the border-color and background-color.

This topic has been closed for replies.
Correct answer Ares Hovhannesyan

 

I have created  box , publish project  and copy CSS from Design Specs after publishig. The border color and background color has been included in CSS Code. You can use Design Specs to copy CSS.

 

top: 563px;
left: 266px;
width: 805px;
height: 176px;
background: #4E7E5E 0% 0% no-repeat padding-box;
border: 11px solid #BB1B1B;
opacity: 1;

2 replies

Ares Hovhannesyan
Community Expert
Ares HovhannesyanCommunity ExpertCorrect answer
Community Expert
September 23, 2019

 

I have created  box , publish project  and copy CSS from Design Specs after publishig. The border color and background color has been included in CSS Code. You can use Design Specs to copy CSS.

 

top: 563px;
left: 266px;
width: 805px;
height: 176px;
background: #4E7E5E 0% 0% no-repeat padding-box;
border: 11px solid #BB1B1B;
opacity: 1;

Participant
September 29, 2019

No, what I mean is that there is only one category of color in the asset panel. I need to add two categories in the asset panel: border color and background color. For example, if I have a red in the border color and a red in the background color, I can change the red in the border color without affecting the red in the background color.

Because I want to match the designer's design specifications to the sass variables the developer uses.

cmgap
Community Expert
Community Expert
September 23, 2019

Have you tried the Web Export plugin? That said, it  does seem odd that when you export for developer the border properties of an element are not included. I  tested and see only the fill color.