Add a numeric value to a template

[ThomasReiter23]

Hi!

I want to ad a number (75) to the state in the sensor to set the font-size from 75% up to (75 + the maximum of the sensor)

- font-size: |
    [[[
      return  ` ${states['input_number.infobox_dashboard_side_textgrosse'].state}%` ;
    ]]]

Where have I to add the + 75?

[dcapslock]

- font-size: |
    [[[
      return  ` ${states['input_number.infobox_dashboard_side_textgrosse'].state + 75}%` ;
    ]]]

[ThomasReiter23]

Hi...

no sucess it takes the value from the sensor and ignores the additional + 75

type: custom:button-card
show_name: true
show_label: true
show_state: true
show_icon: true
label: |
[[[
return ${states['input_text.infobox_dashboard_side_uberschrift'].state};
]]]
state_display: |
[[[
return ${states['input_text.infobox_dashboard_side_text'].state};
]]]
name: |
[[[
return ${states['input_text.infobox_dashboard_side_unterzeile'].state};
]]]
icon: |
[[[
return ${states['input_text.infobox_dashboard_side_icon'].state};
]]]
tap_action:
action: none
double_tap_action:
action: none
hold_action:
action: none
aspect_ratio: 5/1.9

styles:
card:
- background: |
[[[
return ${states['sensor.infobox_dashboard_side_hintergrund'].state};
]]]
- border: solid 1px;
- border-color: slategray
icon:
- transform: scaleX(60%) scaleY(60%)
- color: skyblue
- position: absolute
- top: 15%
- left: "-7%"
- animation: |
[[[
if (states['input_boolean.infobox_dashboard_side_blinken'].state =="on")
return "blink 2.5s ease infinite";
else
return "none";
]]]
label:
- position: absolute
- top: 3%
- left: 26%
- font-size: |
[[[
return ${states['input_number.infobox_dashboard_side_textgrosse'].state + 75};
]]]
- font-weight: bold
- text-overflow: hidden
- white-space: nowrap
- word-wrap: break-word
- text-align: left
state:
- position: absolute
- top: 21%
- left: 26%
- font-size: |
[[[
return ${states['input_number.infobox_dashboard_side_textgrosse'].state + 75}%;
]]]
- text-overflow: hidden
- white-space: normal
- word-wrap: break-word
- text-align: left
name:
- position: absolute
- top: 84%
- left: 26%
- font-size: |
[[[
return ${states['input_number.infobox_dashboard_side_textgrosse'].state + 75};
]]]
- font-style: italic
- text-overflow: hidden
- white-space: nowrap
- word-wrap: break-word
- text-align: left