API tools faq
paste
Advertisement
D0doooh

Untitled

D0doooh
Jul 24th, 2021
397
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 44.38 KB | None | 0 0
raw download clone embed print report
  1. views:
  2.   - title: Home
  3.     path: home
  4.     theme: happy
  5.     icon: mdi:home
  6.     badges: []
  7.     cards:
  8.       - type: horizontal-stack
  9.         cards:
  10.           - type: custom:button-card
  11.             template: chip
  12.             show_icon: true
  13.             icon: mdi:home
  14.             size: 80%
  15.             styles:
  16.               grid:
  17.                 - grid-template-areas: '"i"'
  18.             tap_action:
  19.               action: navigate
  20.               navigation_path: /lovelace-iphone/home
  21.           - type: custom:button-card
  22.             template: chip
  23.             show_icon: true
  24.             icon: mdi:arrow-right
  25.             size: 80%
  26.             styles:
  27.               grid:
  28.                 - grid-template-areas: '"i"'
  29.             tap_action:
  30.               action: navigate
  31.               navigation_path: /lovelace-iphone/light
  32.           - type: custom:button-card
  33.             template: chip
  34.             entity: alarm_control_panel.home_alarm
  35.             hold_action:
  36.               action: navigate
  37.             label: |
  38.              [[[
  39.                 var inter = states['alarm_control_panel.home_alarm'].state;
  40.                 var exter = states['alarm_control_panel.home_alarm'].state;
  41.                 var condition = states['alarm_control_panel.home_alarm'].state;
  42.                 var mapper = {'disarmed':'🔕','armed':'🚨'};
  43.                 var icon = mapper[condition] ? mapper[condition] :'👀';
  44.                 return icon + "  " + exter ;
  45.               ]]]
  46.       - type: custom:state-switch
  47.         entity: user
  48.         default: default
  49.         states:
  50.           Thomas:
  51.             type: vertical-stack
  52.             cards:
  53.               - type: custom:button-card
  54.                 name: Scènes
  55.                 template: titre
  56.               - cards:
  57.                   - template: bordures
  58.                     type: custom:button-card
  59.                   - entity: sensor.dummy_01
  60.                     template: scene
  61.                     type: custom:button-card
  62.                   - entity: sensor.dummy_01
  63.                     template: scene
  64.                     type: custom:button-card
  65.                   - entity: sensor.dummy_01
  66.                     template: scene
  67.                     type: custom:button-card
  68.                   - entity: sensor.dummy_01
  69.                     template: scene
  70.                     tap_action:
  71.                       action: more-info
  72.                       entity: input_boolean.thomas_nuit
  73.                     type: custom:button-card
  74.                   - template: bordures
  75.                     type: custom:button-card
  76.                 type: horizontal-stack
  77.       - type: vertical-stack
  78.         cards:
  79.           - type: vertical-stack
  80.             cards:
  81.               - type: custom:button-card
  82.                 name: Switches
  83.                 label: null
  84.                 template: titre
  85.                 tap_action:
  86.                   action: navigate
  87.                   navigation_path: /lovelace-test1/cover
  88.               - type: horizontal-stack
  89.                 cards:
  90.                   - entity: switch.dummy_01
  91.                     name: dummy_01
  92.                     template:
  93.                      - icon_info_bg
  94.                       - prise
  95.                     type: custom:button-card
  96.                     tap_action:
  97.                       action: toggle
  98.                   - entity: switch.dummy_01
  99.                     name: dummy_01
  100.                     template:
  101.                      - icon_info_bg
  102.                       - prise
  103.                     type: custom:button-card
  104.                     tap_action:
  105.                       action: toggle
  106.               - type: horizontal-stack
  107.                 cards:
  108.                   - entity: switch.dummy_01
  109.                     name: dummy_01
  110.                     template:
  111.                      - icon_info_bg
  112.                       - prise
  113.                     type: custom:button-card
  114.                     tap_action:
  115.                       action: toggle
  116.                   - entity: switch.dummy_01
  117.                     name: dummy_01
  118.                     template:
  119.                      - icon_info_bg
  120.                       - prise
  121.                     type: custom:button-card
  122.                     tap_action:
  123.                       action: toggle
  124. button_card_templates:
  125.   icon:
  126.     color: var(--google-grey-500)
  127.     show_icon: true
  128.     show_name: false
  129.     show_label: false
  130.     size: 20px
  131.     custom_fields:
  132.       notification: |
  133.        [[[
  134.           if (entity.state =='unavailable'){
  135.             return `<ha-icon icon="mdi:exclamation" style="width: 12px; height: 12px; color: white;"></ha-icon>`
  136.           }
  137.         ]]]
  138.     state:
  139.       - styles:
  140.           custom_fields:
  141.             notification:
  142.               - border-radius: 50%
  143.               - position: absolute
  144.               - left: 24px
  145.               - top: '-2px'
  146.               - height: 16px
  147.               - width: 16px
  148.               - border: 2px solid var(--card-background-color)
  149.               - font-size: 12px
  150.               - line-height: 14px
  151.               - background-color: |
  152.                  [[[
  153.                     return "rgba(var(--couleur-rouge),1)";
  154.                   ]]]
  155.         value: unavailable
  156.     styles:
  157.       card:
  158.         - border-radius: 21px
  159.         - box-shadow: none
  160.         - padding: 0px
  161.       grid:
  162.         - grid-template-areas: '"i"'
  163.         - grid-template-columns: min-content
  164.         - grid-template-rows: min-content
  165.       icon:
  166.         - color: rgba(var(--couleur-theme),0.2)
  167.       img_cell:
  168.         - background-color: rgba(var(--couleur-theme),0.05)
  169.         - border-radius: 50%
  170.         - place-self: center
  171.         - width: 42px
  172.         - height: 42px
  173.   icon_info:
  174.     color: var(--google-grey-500)
  175.     show_icon: true
  176.     show_name: true
  177.     show_label: true
  178.     size: 20px
  179.     custom_fields:
  180.       notification: |
  181.        [[[
  182.           if (entity.state =='unavailable'){
  183.             return `<ha-icon icon="mdi:exclamation" style="width: 12px; height: 12px; color: white;"></ha-icon>`
  184.           }
  185.         ]]]
  186.     state:
  187.       - styles:
  188.           custom_fields:
  189.             notification:
  190.               - border-radius: 50%
  191.               - position: absolute
  192.               - left: 24px
  193.               - top: '-2px'
  194.               - height: 16px
  195.               - width: 16px
  196.               - border: 2px solid var(--card-background-color)
  197.               - font-size: 12px
  198.               - line-height: 14px
  199.               - background-color: |
  200.                  [[[
  201.                     return "rgba(var(--couleur-rouge),1)";
  202.                   ]]]
  203.         value: unavailable
  204.     styles:
  205.       card:
  206.         - border-radius: 21px 8px 8px 21px
  207.         - box-shadow: none
  208.         - padding: 0px
  209.       grid:
  210.         - grid-template-areas: '"i n" "i l"'
  211.         - grid-template-columns: min-content auto
  212.         - grid-template-rows: min-content min-content
  213.       icon:
  214.         - color: rgba(var(--couleur-theme),0.2)
  215.       img_cell:
  216.         - background-color: rgba(var(--couleur-theme),0.05)
  217.         - border-radius: 50%
  218.         - place-self: center
  219.         - width: 42px
  220.         - height: 42px
  221.       name:
  222.         - align-self: end
  223.         - justify-self: start
  224.         - font-weight: bold
  225.         - font-size: 14px
  226.         - margin-left: 12px
  227.       label:
  228.         - justify-self: start
  229.         - align-self: start
  230.         - font-weight: bolder
  231.         - font-size: 12px
  232.         - filter: opacity(40%)
  233.         - margin-left: 12px
  234.       state:
  235.         - justify-self: start
  236.         - align-self: start
  237.         - font-weight: bolder
  238.         - font-size: 12px
  239.         - filter: opacity(40%)
  240.         - margin-left: 12px
  241.   icon_info_bg:
  242.     color: var(--google-grey-500)
  243.     show_icon: true
  244.     show_name: true
  245.     show_label: true
  246.     size: 20px
  247.     custom_fields:
  248.       notification: |
  249.        [[[
  250.           if (entity.state =='unavailable'){
  251.             return `<ha-icon icon="mdi:exclamation" style="width: 12px; height: 12px; color: white;"></ha-icon>`
  252.           }
  253.         ]]]
  254.     state:
  255.       - styles:
  256.           custom_fields:
  257.             notification:
  258.               - border-radius: 50%
  259.               - position: absolute
  260.               - left: 38px
  261.               - top: 8px
  262.               - height: 16px
  263.               - width: 16px
  264.               - border: 2px solid var(--card-background-color)
  265.               - font-size: 12px
  266.               - line-height: 14px
  267.               - background-color: |
  268.                  [[[
  269.                     return "rgba(var(--couleur-rouge),1)";
  270.                   ]]]
  271.         value: unavailable
  272.     styles:
  273.       card:
  274.         - border-radius: 20px
  275.         - box-shadow: var(--box-shadow)
  276.         - padding: 12px
  277.       grid:
  278.         - grid-template-areas: '"i n" "i l"'
  279.         - grid-template-columns: min-content auto
  280.         - grid-template-rows: min-content min-content
  281.       icon:
  282.         - color: rgba(var(--couleur-theme),0.2)
  283.       img_cell:
  284.         - background-color: rgba(var(--couleur-theme),0.05)
  285.         - border-radius: 50%
  286.         - place-self: center
  287.         - width: 42px
  288.         - height: 42px
  289.       name:
  290.         - align-self: end
  291.         - justify-self: start
  292.         - font-weight: bold
  293.         - font-size: 14px
  294.         - margin-left: 12px
  295.       label:
  296.         - justify-self: start
  297.         - align-self: start
  298.         - font-weight: bolder
  299.         - font-size: 12px
  300.         - filter: opacity(40%)
  301.         - margin-left: 12px
  302.       state:
  303.         - justify-self: start
  304.         - align-self: start
  305.         - font-weight: bolder
  306.         - font-size: 12px
  307.         - filter: opacity(40%)
  308.         - margin-left: 12px
  309.   list_items:
  310.     styles:
  311.       card:
  312.         - box-shadow: none
  313.         - padding: 0px
  314.       grid:
  315.         - grid-template-areas: '"item1 item2 item3"'
  316.         - grid-template-columns: 1fr 1fr 1fr
  317.         - grid-template-rows: min-content
  318.         - column-gap: 7px
  319.   list_items_line:
  320.     styles:
  321.       card:
  322.         - box-shadow: none
  323.         - padding: 0px
  324.       grid:
  325.         - grid-template-areas: '"item1 item2 item3"'
  326.         - grid-template-columns: max-content max-content max-content
  327.         - grid-template-rows: min-content
  328.         - column-gap: 8px
  329.   icon_info_line:
  330.     color: var(--google-grey-500)
  331.     show_icon: true
  332.     show_name: false
  333.     show_label: true
  334.     size: 100%
  335.     styles:
  336.       card:
  337.         - box-shadow: none
  338.         - padding: 0px
  339.       grid:
  340.         - grid-template-areas: '"i l"'
  341.         - grid-template-columns: max_content auto
  342.         - grid-template-rows: min-content
  343.       img_cell:
  344.         - place-self: center
  345.         - width: 14px
  346.         - height: 24px
  347.       label:
  348.         - justify-self: start
  349.         - align-self: center
  350.         - font-weight: bolder
  351.         - font-size: 12px
  352.         - margin-left: 0px
  353.         - filter: opacity(40%)
  354.   cover:
  355.     tap_action:
  356.       action: more-info
  357.     icon: |
  358.      [[[
  359.           var icon = 'mdi:window-shutter';
  360.           if (entity.attributes.current_position == 0){
  361.             var icon = 'mdi:window-shutter';
  362.           } else
  363.             var icon = 'mdi:window-shutter-open';
  364.           return icon ;
  365.       ]]]
  366.     label: |-
  367.       [[[
  368.           if (entity.attributes.power_consumption != '0'){
  369.             return '';
  370.           }else{
  371.             if (entity.attributes.current_position == 0){
  372.               var etat = "Fermé";
  373.             }else{
  374.               var etat = "Ouvert" + ' • ' + (entity.attributes.current_position) + '%' ;
  375.             }
  376.             return etat ;
  377.           }
  378.       ]]]
  379.     state:
  380.       - operator: template
  381.         value: |
  382.          [[[
  383.             return entity.attributes.current_position != 0;
  384.           ]]]
  385.         styles:
  386.           icon:
  387.             - color: rgba(var(--couleur-bleu),1)
  388.           img_cell:
  389.             - background-color: rgba(var(--couleur-bleu),0.2)
  390.   cover_buttons:
  391.     variables:
  392.       entity: cover.fibaro_cover_balcon
  393.       name: Default name
  394.     styles:
  395.       card:
  396.         - border-radius: 20px
  397.         - box-shadow: var(--box-shadow)
  398.         - padding: 12px
  399.       grid:
  400.         - grid-template-areas: '"item1" "item2"'
  401.         - grid-template-columns: 1fr
  402.         - grid-template-rows: min-content  min-content
  403.         - row-gap: 12px
  404.     custom_fields:
  405.       item1:
  406.         card:
  407.           entity: '[[[ return variables.entity ]]]'
  408.           name: '[[[ return variables.name ]]]'
  409.           tap_action:
  410.             action: more-info
  411.           template:
  412.            - icon_info
  413.             - cover
  414.           type: custom:button-card
  415.       item2:
  416.         card:
  417.           template: list_items
  418.           type: custom:button-card
  419.           custom_fields:
  420.             item1:
  421.               card:
  422.                 icon: mdi:arrow-down
  423.                 tap_action:
  424.                   action: call-service
  425.                   service: cover.close_cover
  426.                   service_data:
  427.                     entity_id: '[[[ return variables.entity ]]]'
  428.                 type: custom:button-card
  429.                 template: widget_icon
  430.             item2:
  431.               card:
  432.                 icon: mdi:pause
  433.                 tap_action:
  434.                   action: call-service
  435.                   service: cover.stop_cover
  436.                   service_data:
  437.                     entity_id: '[[[ return variables.entity ]]]'
  438.                 type: custom:button-card
  439.                 template: widget_icon
  440.             item3:
  441.               card:
  442.                 icon: mdi:arrow-up
  443.                 tap_action:
  444.                   action: call-service
  445.                   service: cover.open_cover
  446.                   service_data:
  447.                     entity_id: '[[[ return variables.entity ]]]'
  448.                 type: custom:button-card
  449.                 template: widget_icon
  450.   light:
  451.     tap_action:
  452.       action: toggle
  453.     hold_action:
  454.       action: more-info
  455.     label: |-
  456.       [[[ if (entity.state !='unavailable'){
  457.             if (entity.state =='off'){
  458.               var bri = Math.round(entity.attributes.brightness / 2.55);
  459.               return 'Off';  
  460.             }else{
  461.               var bri = Math.round(entity.attributes.brightness / 2.55);
  462.               return (bri ? bri : '0') + '%';
  463.             }
  464.           }else{
  465.             return "Indisponible";
  466.           }
  467.       ]]]
  468.     template:
  469.      - jaune
  470.   light2:
  471.     tap_action:
  472.       action: toggle
  473.     hold_action:
  474.       action: call-service
  475.       service: light.turn_on
  476.       service_data:
  477.         entity_id: '[[[ return variables.entity ]]]'
  478.         brightness_pct: 100
  479.     label: |-
  480.       [[[ if (entity.state !='unavailable'){
  481.             if (entity.state =='off'){
  482.               var bri = Math.round(entity.attributes.brightness / 2.55);
  483.               return 'Off';  
  484.             }else{
  485.               var bri = Math.round(entity.attributes.brightness / 2.55);
  486.               return (bri ? bri : '0') + '%';
  487.             }
  488.           }else{
  489.             return "Indisponible";
  490.           }
  491.       ]]]
  492.     template:
  493.      - jaune
  494.   generique:
  495.     label: |
  496.      [[[return entity.state + " " + entity.attributes.unit_of_measurement]]]
  497.     styles:
  498.       icon:
  499.         - color: rgba(var(--couleur-theme),0.9)
  500.       grid:
  501.         - grid-template-areas: '"i l" "i n"'
  502.         - grid-template-columns: min-content auto
  503.         - grid-template-rows: min-content min-content
  504.       label:
  505.         - align-self: end
  506.         - justify-self: start
  507.         - font-weight: bold
  508.         - font-size: 14px
  509.         - margin-left: 12px
  510.         - filter: opacity(100%)
  511.       name:
  512.         - justify-self: start
  513.         - align-self: start
  514.         - font-weight: bolder
  515.         - font-size: 12px
  516.         - filter: opacity(40%)
  517.         - margin-left: 12px
  518.   prise:
  519.     tap_action:
  520.       action: more-info
  521.     label: |-
  522.       [[[ if (entity.state =='on')
  523.          var etat = "On";
  524.          else
  525.         var etat = "Off";
  526.       return etat ; ]]]
  527.     template:
  528.      - jaune
  529.   prise_conso:
  530.     hold_action:
  531.       action: more-info
  532.       entity: sensor.shelly_prise_salon_current_consumption
  533.     label: |-
  534.       [[[ if (entity.state =='on')
  535.          var etat = "On • " + states["sensor.shelly_prise_salon_current_consumption"].state + "W";
  536.          else
  537.         var etat = "Off";
  538.       return etat ; ]]]
  539.     template: prise
  540.   Bewegung:
  541.     show_last_changed: true
  542.     template:
  543.      - bleu
  544.   chauffe-eau:
  545.     icon: mdi:waves
  546.     tap_action:
  547.       action: more-info
  548.     hold_action:
  549.       action: more-info
  550.       entity: switch.shelly_module_couloir
  551.     label: |-
  552.       [[[
  553.           if (entity.state == 'off'){
  554.             return 'Arrêt forcé';
  555.           }else{
  556.             if (states["sensor.shelly_module_couloir_current_consumption"].state > 0){
  557.               var etat = "Chauffe • " + states["sensor.shelly_module_couloir_current_consumption"].state + "W";
  558.             }else{
  559.               var etat = "Inactif";
  560.             }
  561.             return etat ;
  562.           }
  563.       ]]]
  564.     styles:
  565.       icon:
  566.         - color: |
  567.            [[[
  568.                if (states["sensor.shelly_module_couloir_current_consumption"].state > 0)
  569.                  return 'rgba(var(--couleur-rouge),1)'
  570.                else
  571.                  return 'rgba(var(--couleur-theme),0.2)'
  572.             ]]]
  573.       img_cell:
  574.         - background-color: |
  575.            [[[
  576.                if (states["sensor.shelly_module_couloir_current_consumption"].state > 0)
  577.                  return 'rgba(var(--couleur-rouge),0.2)'
  578.                else
  579.                  return 'rgba(var(--couleur-theme),0.05)'
  580.             ]]]
  581.   thermostat:
  582.     hold_action:
  583.       action: more-info
  584.       entity: sensor.wohnzimmer_multisensor_temp
  585.     label: |-
  586.       [[[
  587.           if (entity.state =='off'){
  588.             return 'Off' ;
  589.           }else{
  590.             if (states['light.schlafzimmer'].state == 'on'){
  591.               var etat = "Chauffe";
  592.             }else{
  593.               var etat = "Inactif";
  594.             }
  595.             return (entity.attributes.temperature ) + '°' + ' • ' + etat ;
  596.           }
  597.       ]]]
  598.     styles:
  599.       icon:
  600.         - color: |
  601.            [[[
  602.                if (states['light.schlafzimmer'].state == 'on')
  603.                  return 'rgba(var(--couleur-rouge),12)'
  604.                else
  605.                  return 'rgba(var(--couleur-theme),0.2)'
  606.             ]]]
  607.       img_cell:
  608.         - background-color: |
  609.            [[[
  610.                if (states['light.schlafzimmer'].state == 'on')
  611.                  return 'rgba(var(--couleur-rouge),0.2)'
  612.                else
  613.                  return 'rgba(var(--couleur-theme),0.05)'
  614.             ]]]
  615.   nas:
  616.     tap_action:
  617.       action: more-info
  618.     show_label: true
  619.     label: |-
  620.       [[[ if (entity.state =='on')
  621.          var etat = states["sensor.nas_volume_1_used_space"].state + "/3.5To";
  622.          else
  623.         var etat = "Off";
  624.       return etat ; ]]]
  625.     template:
  626.      - bleu
  627.   media:
  628.     label: |-
  629.       [[[ if (entity.state =='off'){
  630.             return "Off";
  631.           }else{
  632.             return entity.state;
  633.           }
  634.       ]]]
  635.     icon: |
  636.      [[[
  637.           var application = states["media_player.chromecast_audio_appartement"].attributes.app_name;
  638.           var icon = 'mdi:speaker';
  639.           if (application == 'Oto music'){
  640.             var icon = 'mdi:music-circle';
  641.           } else if(application == 'Spotify'){
  642.             var icon = 'mdi:spotify';
  643.           } else if(application == 'Google Podcasts'){
  644.             var icon = 'mdi:google-podcast';
  645.           } else if(application == 'Plex'){
  646.             var icon = 'mdi:plex';
  647.           }
  648.           return icon ;
  649.       ]]]
  650.     styles:
  651.       icon:
  652.         - color: rgba(var(--couleur-theme),0.2)
  653.       img_cell:
  654.         - background-color: rgba(var(--couleur-theme),0.05)
  655.       card:
  656.         - background-blend-mode: multiply
  657.         - background: |
  658.            [[[
  659.               var image = entity.attributes.entity_picture_local;
  660.               var bg = entity.attributes.entity_picture_local;
  661.               if (image == null){
  662.                 var bg = '';
  663.               } else{
  664.                 var bg = 'center / cover url(' + image + ') rgba(0, 0, 0, 0.15)';
  665.               }
  666.               return bg;
  667.             ]]]
  668.     state:
  669.       - operator: template
  670.         value: |
  671.          [[[
  672.             return entity.state !='off'
  673.           ]]]
  674.         name: |
  675.          [[[
  676.             return entity.attributes.media_title;
  677.           ]]]
  678.         label: |
  679.          [[[
  680.             return entity.attributes.media_album_name;
  681.           ]]]
  682.         styles:
  683.           label:
  684.             - color: white
  685.             - filter: opacity(100%)
  686.           img_cell:
  687.             - background-color: rgba(var(--couleur-theme),0.0)
  688.           icon:
  689.             - color: white
  690.           name:
  691.             - color: white
  692.   media_mini_album:
  693.     label: |-
  694.       [[[ if (entity.state =='off'){
  695.             return "Off";
  696.           }else{
  697.             return entity.state;
  698.           }
  699.       ]]]
  700.     styles:
  701.       icon:
  702.         - color: rgba(var(--couleur-theme),0.2)
  703.       img_cell:
  704.         - background-color: rgba(var(--couleur-theme),0.05)
  705.     state:
  706.       - operator: template
  707.         value: |
  708.          [[[
  709.             return entity.state !='off'
  710.           ]]]
  711.         name: |
  712.          [[[
  713.             return entity.attributes.media_title;
  714.           ]]]
  715.         label: |
  716.          [[[
  717.             return entity.attributes.media_album_name;
  718.           ]]]
  719.         styles:
  720.           img_cell:
  721.             - background: |
  722.                [[[
  723.                   var image = entity.attributes.entity_picture;
  724.                   return 'center / cover url(' + image + ')';
  725.                 ]]]
  726.           icon:
  727.             - color: rgba(var(--couleur-theme),0.0)
  728.   ps4:
  729.     label: |-
  730.       [[[ if (entity.state =='unknown'){
  731.             return "Off";
  732.           }else if (entity.state =='standby'){
  733.             return "En veille";
  734.           }else{
  735.             return "On";
  736.           }
  737.       ]]]
  738.     styles:
  739.       icon:
  740.         - color: rgba(var(--couleur-theme),0.2)
  741.       img_cell:
  742.         - background-color: rgba(var(--couleur-theme),0.05)
  743.     state:
  744.       - value: idle
  745.         styles:
  746.           icon:
  747.             - color: rgba(var(--couleur-bleu),1)
  748.           img_cell:
  749.             - background-color: rgba(var(--couleur-bleu), 0.2)
  750.       - value: standby
  751.         styles:
  752.           icon:
  753.             - color: rgba(var(--couleur-theme),0.2)
  754.           img_cell:
  755.             - background-color: rgba(var(--couleur-theme),0.05)
  756.       - operator: template
  757.         value: |
  758.          [[[
  759.             return entity.state !='unknown'
  760.           ]]]
  761.         name: |
  762.          [[[
  763.             return entity.attributes.media_title;
  764.           ]]]
  765.         label: |
  766.          [[[
  767.             return entity.attributes.friendly_name;
  768.           ]]]
  769.         styles:
  770.           label:
  771.             - color: white
  772.             - filter: opacity(100%)
  773.           img_cell:
  774.             - background-color: none
  775.           icon:
  776.             - color: white
  777.           name:
  778.             - color: white
  779.           card:
  780.             - background-blend-mode: multiply
  781.             - background: |
  782.                [[[
  783.                   var image = entity.attributes.entity_picture;
  784.                   return 'center / cover url(' + image + ') rgba(0, 0, 0, 0.15)';
  785.                 ]]]
  786.   personne:
  787.     tap_action:
  788.       action: more-info
  789.     show_label: true
  790.     label: |
  791.      [[[return entity.state]]]
  792.     styles:
  793.       icon:
  794.         - color: rgba(var(--couleur-theme),0.9)
  795.       custom_fields:
  796.         notification:
  797.           - border-radius: 50%
  798.           - position: absolute
  799.           - left: 38px
  800.           - top: 8px
  801.           - height: 16px
  802.           - width: 16px
  803.           - border: 2px solid var(--card-background-color)
  804.           - font-size: 12px
  805.           - line-height: 14px
  806.   personne-thomas:
  807.     template: personne
  808.     hold_action:
  809.       action: more-info
  810.       entity: input_boolean.thomas_nuit
  811.     styles:
  812.       custom_fields:
  813.         notification:
  814.           - background-color: |
  815.              [[[
  816.                 if (states['input_select.localisation_thomas'].state == 'Present'){
  817.                   return "rgba(var(--couleur-bleu),1)";
  818.                 }else{
  819.                   return "rgba(var(--couleur-vert),1)";
  820.                 }
  821.               ]]]
  822.     custom_fields:
  823.       notification: |
  824.        [[[
  825.           if (states['input_boolean.thomas_nuit'].state == 'on'){
  826.             return `<ha-icon icon="mdi:power-sleep" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  827.           }else{
  828.             if (states['input_select.localisation_thomas'].state == 'Present'){
  829.               return `<ha-icon icon="mdi:home-variant" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  830.             }else{
  831.               return `<ha-icon icon="mdi:walk" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  832.             }
  833.           }
  834.         ]]]
  835.   personne-milena:
  836.     template: personne
  837.     hold_action:
  838.       action: more-info
  839.       entity: input_boolean.milena_nuit
  840.     styles:
  841.       custom_fields:
  842.         notification:
  843.           - background-color: |
  844.              [[[
  845.                 if (states['input_select.localisation_milena'].state == 'Present'){
  846.                   return "rgba(var(--couleur-bleu),1)";
  847.                 }else{
  848.                   return "rgba(var(--couleur-vert),1)";
  849.                 }
  850.               ]]]
  851.     custom_fields:
  852.       notification: |
  853.        [[[
  854.           if (states['input_boolean.milena_nuit'].state == 'on'){
  855.             return `<ha-icon icon="mdi:power-sleep" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  856.           }else{
  857.             if (states['input_select.localisation_milena'].state == 'Present'){
  858.               return `<ha-icon icon="mdi:home-variant" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  859.             }else{
  860.               return `<ha-icon icon="mdi:walk" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  861.             }
  862.           }
  863.         ]]]
  864.   personne-invite:
  865.     tap_action:
  866.       action: more-info
  867.     show_label: true
  868.     label: |-
  869.       [[[ if (entity.state =='on')
  870.          var etat = "Present";
  871.          else
  872.         var etat = "Désactivé";
  873.       return etat ; ]]]
  874.     styles:
  875.       grid:
  876.         - grid-template-areas: '"i n" "i l"'
  877.       icon:
  878.         - color: rgba(var(--couleur-theme),0.2)
  879.       img_cell:
  880.         - background-color: rgba(var(--couleur-theme),0.05)
  881.     custom_fields:
  882.       notification: |
  883.        [[[
  884.           if (entity.state =='on'){
  885.             return `<ha-icon icon="mdi:home-variant" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  886.           }
  887.         ]]]
  888.     state:
  889.       - styles:
  890.           icon:
  891.             - color: rgba(var(--couleur-theme),0.9)
  892.           custom_fields:
  893.             notification:
  894.               - border-radius: 50%
  895.               - position: absolute
  896.               - left: 38px
  897.               - top: 6px
  898.               - height: 16px
  899.               - width: 16px
  900.               - border: 2px solid var(--card-background-color)
  901.               - font-size: 12px
  902.               - line-height: 14px
  903.               - background-color: |
  904.                  [[[
  905.                     return "rgba(var(--couleur-bleu),1)";
  906.                   ]]]
  907.         value: 'on'
  908.     tap_action:
  909.       action: more-info
  910.     show_label: true
  911.     label: |-
  912.       [[[ if (entity.state =='off')
  913.          var etat = "Geschlossen";
  914.          else
  915.         var etat = "Geöffnet";
  916.       return etat ; ]]]
  917.     styles:
  918.       grid:
  919.         - grid-template-areas: '"i n" "i l"'
  920.       icon:
  921.         - color: rgba(var(--couleur-theme),0.2)
  922.       img_cell:
  923.         - background-color: rgba(var(--couleur-theme),0.05)
  924.     custom_fields:
  925.       notification: |
  926.        [[[
  927.           if (entity.state =='on'){
  928.             return `<ha-icon icon="mdi:window-open-variant" style="width: 10px; height: 10px; color: white;"></ha-icon>`
  929.           }
  930.         ]]]
  931.     state:
  932.       - styles:
  933.           icon:
  934.             - color: rgba(var(--couleur-theme),0.9)
  935.           custom_fields:
  936.             notification:
  937.               - border-radius: 50%
  938.               - position: absolute
  939.               - left: 38px
  940.               - top: 6px
  941.               - height: 16px
  942.               - width: 16px
  943.               - border: 2px solid var(--card-background-color)
  944.               - font-size: 12px
  945.               - line-height: 14px
  946.               - background-color: |
  947.                  [[[
  948.                     return "rgba(var(--couleur-rouge),1)";
  949.                   ]]]
  950.         value: 'on'
  951.   qubino:
  952.     icon: mdi:memory
  953.     tap_action:
  954.       action: more-info
  955.       entity: input_select.ordres_fil_pilote
  956.     label: |-
  957.       [[[ if (entity.state !='unavailable'){
  958.             var bri = Math.round(entity.attributes.brightness / 2.55);
  959.             var bri = (bri ? bri : '0')
  960.             var consigne = 'Inconnue';
  961.           if (bri >= 51){
  962.             var consigne = 'Confort';
  963.           } else if(bri < 51 && bri >= 41){
  964.             var consigne = 'Confort -1°C';
  965.           } else if(bri < 41 && bri >= 31){
  966.             var consigne = 'Confort -2°C️';
  967.           } else if(bri < 31 && bri >= 21){
  968.             var consigne = 'Eco️';
  969.           } else if(bri < 21 && bri >= 11){
  970.             var consigne = 'Hors Gel️';
  971.           } else if(bri < 11 && bri >= 0){
  972.             var consigne = 'Arrêt️';
  973.           }
  974.           return consigne + ' • ' + bri;  
  975.         }else{
  976.           return "Indisponible";
  977.         }
  978.       ]]]
  979.     template:
  980.      - bleu
  981.   jaune:
  982.     state:
  983.       - styles:
  984.           icon:
  985.             - color: rgba(var(--couleur-jaune),1)
  986.           img_cell:
  987.             - background-color: rgba(var(--couleur-jaune), 0.2)
  988.         value: 'on'
  989.   bleu:
  990.     state:
  991.       - styles:
  992.           icon:
  993.             - color: rgba(var(--couleur-bleu),1)
  994.           img_cell:
  995.             - background-color: rgba(var(--couleur-bleu), 0.2)
  996.         value: 'on'
  997.   graph:
  998.     variables:
  999.       entity: sensor.xiaomi_multisensor_salon_humidite
  1000.       color: var(--google-blue-500)
  1001.       name: Default name
  1002.     styles:
  1003.       card:
  1004.         - border-radius: 20px
  1005.         - box-shadow: var(--box-shadow)
  1006.         - padding: 0px
  1007.       grid:
  1008.         - grid-template-areas: '"item1" "item2"'
  1009.         - grid-template-columns: 1fr
  1010.         - grid-template-rows: min-content  min-content
  1011.     custom_fields:
  1012.       item1:
  1013.         card:
  1014.           entity: '[[[ return variables.entity ]]]'
  1015.           name: '[[[ return variables.name ]]]'
  1016.           template:
  1017.            - icon_info
  1018.             - generique
  1019.           styles:
  1020.             card:
  1021.               - padding: 12px
  1022.           type: custom:button-card
  1023.       item2:
  1024.         card:
  1025.           type: custom:mini-graph-card
  1026.           entities:
  1027.             - entity: '[[[ return variables.entity ]]]'
  1028.           line_color: '[[[ return variables.color ]]]'
  1029.           show:
  1030.             name: false
  1031.             icon: false
  1032.             legend: false
  1033.             state: false
  1034.           style: |
  1035.            ha-card {
  1036.               box-shadow: none;
  1037.               border-radius: var(--border-radius);
  1038.             }
  1039.   battery:
  1040.     template: generique
  1041.     icon: |
  1042.      [[[
  1043.           var battery = entity.state;
  1044.           var icon = 'mdi:help-circle-outline';
  1045.           if (battery >= 90){
  1046.             var icon = 'mdi:battery';
  1047.           } else if(battery < 90 && battery >= 80){
  1048.             var icon = 'mdi:battery-90';
  1049.           } else if(battery < 80 && battery >= 70){
  1050.             var icon = 'mdi:battery-80️';
  1051.           } else if(battery < 70 && battery >= 60){
  1052.             var icon = 'mdi:battery-70️';
  1053.           } else if(battery < 60 && battery >= 50){
  1054.             var icon = 'mdi:battery-60️';
  1055.           } else if(battery < 50 && battery >= 40){
  1056.             var icon = 'mdi:battery-50️';
  1057.           } else if(battery < 40 && battery >= 30){
  1058.             var icon = 'mdi:battery-40️';
  1059.           } else if(battery < 30 && battery >= 20){
  1060.             var icon = 'mdi:battery-30️';
  1061.           } else if(battery < 20 && battery >= 10){
  1062.             var icon = 'mdi:battery-20️';
  1063.           } else if(battery < 10 && battery >= 0){
  1064.             var icon = 'mdi:battery-10️';
  1065.           } else if(battery == 0){
  1066.             var icon = 'mdi:battery-outline️';
  1067.           }
  1068.            return icon ;
  1069.       ]]]
  1070.   widget_icon:
  1071.     tap_action:
  1072.       action: toggle
  1073.     color: var(--google-grey-500)
  1074.     show_icon: true
  1075.     show_name: false
  1076.     size: 20px
  1077.     styles:
  1078.       card:
  1079.         - box-shadow: none
  1080.         - padding: 0px
  1081.         - background-color: rgba(var(--couleur-theme),0.05)
  1082.         - border-radius: 14px
  1083.         - place-self: center
  1084.         - height: 42px
  1085.       grid:
  1086.         - grid-template-areas: '"i"'
  1087.       icon:
  1088.         - color: rgba(var(--couleur-theme),0.9)
  1089.   bordures:
  1090.     styles:
  1091.       card:
  1092.         - width: 0px
  1093.   pilule:
  1094.     tap_action:
  1095.       action: more-info
  1096.     show_icon: false
  1097.     show_name: false
  1098.     show_state: false
  1099.     show_label: true
  1100.     size: 80%
  1101.     styles:
  1102.       img_cell:
  1103.         - width: 24px
  1104.       card:
  1105.         - border-radius: 30px
  1106.         - box-shadow: var(--box-shadow)
  1107.         - height: 36px
  1108.         - width: auto
  1109.         - padding-left: 6px
  1110.         - padding-right: 6px
  1111.       grid:
  1112.         - grid-template-areas: '"l"'
  1113.       label:
  1114.         - justify-self: center
  1115.         - padding: 0px 6px
  1116.         - font-weight: bold
  1117.         - font-size: 14px
  1118.   pilule_consommation:
  1119.     template: pilule
  1120.     tap_action:
  1121.       action: navigate
  1122.       navigation_path: /lovelace/consommation
  1123.     label: |
  1124.      [[[
  1125.         var price = states['sensor.atome_price_conso_today'].state;
  1126.         return '⚡ ' +  price + '€' ;
  1127.       ]]]
  1128.   pilule_consommation_prix:
  1129.     template: pilule
  1130.     show_icon: false
  1131.     show_state: false
  1132.     show_label: true
  1133.     tap_action:
  1134.       action: navigate
  1135.       navigation_path: /lovelace/consommation
  1136.     label: |
  1137.      [[[
  1138.         var price = states['sensor.atome_price_conso_today'].state;
  1139.         var conso = states['sensor.atome_daily'].state;
  1140.         return '⚡ ' +  price + '€ • ' + conso + 'kWh';
  1141.       ]]]
  1142.   pilule_temperature:
  1143.     template: pilule
  1144.     tap_action:
  1145.       action: navigate
  1146.       navigation_path: /lovelace/temperature
  1147.     label: |
  1148.      [[[
  1149.         var inter = states['sensor.wohnzimmer_multisensor_temp'].state;
  1150.         var exter = states['sensor.wohnzimmer_multisensor_temp'].state;
  1151.         var icon = '☀️';
  1152.         if (states['sensor.dark_sky_icon'].state == 'clear-day'){
  1153.           var icon = '☀️';
  1154.         } else if(states['sensor.dark_sky_icon'].state == 'clear-night'){
  1155.           var icon = '🌙';
  1156.         } else if(states['sensor.dark_sky_icon'].state == 'rain'){
  1157.           var icon = '🌧️';
  1158.         } else if(states['sensor.dark_sky_icon'].state == 'snow'){
  1159.           var icon = '❄️';
  1160.         } else if(states['sensor.dark_sky_icon'].state == 'sleet'){
  1161.           var icon = '❄️';
  1162.         } else if(states['sensor.dark_sky_icon'].state == 'wind'){
  1163.           var icon = '🌫️';
  1164.         } else if(states['sensor.dark_sky_icon'].state == 'fog'){
  1165.           var icon = '🌫️';
  1166.         } else if(states['sensor.dark_sky_icon'].state == 'cloudy'){
  1167.           var icon = '☁️';
  1168.         } else if(states['sensor.dark_sky_icon'].state == 'partly-cloudy-day'){
  1169.           var icon = '⛅️';
  1170.         } else if(states['sensor.dark_sky_icon'].state == 'partly-cloudy-night'){
  1171.           var icon = '⛅';
  1172.         }
  1173.         return icon + ' ' + inter + '° / ' +  exter + '°' ;
  1174.       ]]]
  1175.   pilule_localisation_present:
  1176.     tap_action:
  1177.       action: navigate
  1178.       navigation_path: /lovelace/localisation
  1179.     label: |
  1180.      [[[
  1181.         var personnes_presentes = states['sensor.people_count_present'].state;
  1182.         return '🏠 ' +  personnes_presentes;
  1183.       ]]]
  1184.     template: pilule
  1185.   pilule_localisation_absent:
  1186.     tap_action:
  1187.       action: navigate
  1188.       navigation_path: /lovelace/localisation
  1189.     label: |
  1190.      [[[
  1191.         var personnes_presentes = states['sensor.people_count_absent'].state;
  1192.         return '🚶 ' +  personnes_presentes;
  1193.       ]]]
  1194.     template: pilule
  1195.   pilule_localisation_nuit:
  1196.     template: pilule
  1197.     tap_action:
  1198.       action: navigate
  1199.       navigation_path: /lovelace/localisation
  1200.     label: |
  1201.      [[[
  1202.         var personnes_presentes = states['sensor.people_count_nuit'].state;
  1203.         return '🌙 ' +  personnes_presentes;
  1204.       ]]]
  1205.   return_button:
  1206.     template: pilule
  1207.     show_icon: true
  1208.     icon: mdi:arrow-left
  1209.     size: 80%
  1210.     styles:
  1211.       grid:
  1212.         - grid-template-areas: '"i"'
  1213.     tap_action:
  1214.       action: navigate
  1215.       navigation_path: /lovelace/home
  1216.   scene:
  1217.     size: 20px
  1218.     show_label: true
  1219.     label: |
  1220.      [[[ return (entity.attributes.value )]]]
  1221.     styles:
  1222.       card:
  1223.         - border-radius: 20px
  1224.         - box-shadow: var(--box-shadow)
  1225.         - padding: 10px 0px 8px 0px
  1226.       grid:
  1227.         - grid-template-areas: '"i" "n" "l"'
  1228.       name:
  1229.         - margin-top: 10px
  1230.         - justify-self: center
  1231.         - font-weight: bold
  1232.         - font-size: 14px
  1233.       label:
  1234.         - justify-self: center
  1235.         - align-self: start
  1236.         - font-weight: bolder
  1237.         - font-size: 12px
  1238.         - filter: opacity(40%)
  1239.       icon:
  1240.         - color: |
  1241.            [[[
  1242.                if (states['input_select.localisation_thomas'].state == entity.attributes.friendly_name){
  1243.                  if (states['input_select.localisation_thomas'].state == 'Present')
  1244.                    return 'rgba(var(--couleur-bleu),1)'
  1245.                  else if (states['input_select.localisation_thomas'].state == 'Absent')
  1246.                    return 'rgba(var(--couleur-vert),1)'
  1247.                  else if (states['input_select.localisation_thomas'].state == 'Nuit')
  1248.                    return 'rgba(var(--couleur-bleu),1)'
  1249.                  else if (states['input_select.localisation_thomas'].state == 'Travail')
  1250.                    return 'rgba(var(--couleur-vert),1)'
  1251.                  else if (states['input_select.localisation_thomas'].state == 'Miléna')
  1252.                    return 'rgba(var(--couleur-vert),1)'
  1253.                  else if (states['input_select.localisation_thomas'].state == 'Parents')
  1254.                    return 'rgba(var(--couleur-vert),1)'
  1255.                }else{
  1256.                  return 'rgba(var(--couleur-theme),0.2)'
  1257.                }
  1258.             ]]]
  1259.       img_cell:
  1260.         - background-color: |
  1261.            [[[
  1262.                if (states['input_select.localisation_thomas'].state == entity.attributes.friendly_name){
  1263.                  if (states['input_select.localisation_thomas'].state == 'Present')
  1264.                    return 'rgba(var(--couleur-bleu),0.2)'
  1265.                  else if (states['input_select.localisation_thomas'].state == 'Absent')
  1266.                    return 'rgba(var(--couleur-vert),0.2)'
  1267.                  else if (states['input_select.localisation_thomas'].state == 'Nuit')
  1268.                    return 'rgba(var(--couleur-bleu),0.2)'
  1269.                  else if (states['input_select.localisation_thomas'].state == 'Travail')
  1270.                    return 'rgba(var(--couleur-vert),0.2)'
  1271.                  else if (states['input_select.localisation_thomas'].state == 'Miléna')
  1272.                    return 'rgba(var(--couleur-vert),0.2)'
  1273.                  else if (states['input_select.localisation_thomas'].state == 'Parents')
  1274.                    return 'rgba(var(--couleur-vert),0.2)'
  1275.                }else{
  1276.                  return 'rgba(var(--couleur-theme),0.05)'
  1277.                }
  1278.             ]]]
  1279.         - border-radius: 50%
  1280.         - place-self: center
  1281.         - width: 42px
  1282.         - height: 42px
  1283.   localisation:
  1284.     aspect_ratio: 4/5
  1285.     tap_action:
  1286.       action: more-info
  1287.       entity: input_select.localisation_thomas
  1288.     show_icon: true
  1289.     show_name: true
  1290.     show_state: false
  1291.     show_label: true
  1292.     label: |
  1293.      [[[ return (entity.attributes.value )]]]
  1294.     size: 20px
  1295.     styles:
  1296.       card:
  1297.         - border-radius: 20px
  1298.         - box-shadow: var(--box-shadow)
  1299.       grid:
  1300.         - grid-template-areas: '"i" "n" "l"'
  1301.         - grid-template-rows: 3fr 1fr 1fr
  1302.         - grid-template-columns: 1fr
  1303.       icon:
  1304.         - color: |
  1305.            [[[
  1306.                if (states['input_select.localisation_thomas'].state == entity.attributes.friendly_name){
  1307.                  if (states['input_select.localisation_thomas'].state == 'Present')
  1308.                    return 'rgba(var(--couleur-bleu),1)'
  1309.                  else if (states['input_select.localisation_thomas'].state == 'Absent')
  1310.                    return 'rgba(var(--couleur-vert),1)'
  1311.                  else if (states['input_select.localisation_thomas'].state == 'Nuit')
  1312.                    return 'rgba(var(--couleur-bleu),1)'
  1313.                  else if (states['input_select.localisation_thomas'].state == 'Travail')
  1314.                    return 'rgba(var(--couleur-vert),1)'
  1315.                  else if (states['input_select.localisation_thomas'].state == 'Miléna')
  1316.                    return 'rgba(var(--couleur-vert),1)'
  1317.                  else if (states['input_select.localisation_thomas'].state == 'Parents')
  1318.                    return 'rgba(var(--couleur-vert),1)'
  1319.                }else{
  1320.                  return 'rgba(var(--couleur-theme),0.2)'
  1321.                }
  1322.             ]]]
  1323.       img_cell:
  1324.         - background-color: |
  1325.            [[[
  1326.                if (states['input_select.localisation_thomas'].state == entity.attributes.friendly_name){
  1327.                  if (states['input_select.localisation_thomas'].state == 'Present')
  1328.                    return 'rgba(var(--couleur-bleu),0.2)'
  1329.                  else if (states['input_select.localisation_thomas'].state == 'Absent')
  1330.                    return 'rgba(var(--couleur-vert),0.2)'
  1331.                  else if (states['input_select.localisation_thomas'].state == 'Nuit')
  1332.                    return 'rgba(var(--couleur-bleu),0.2)'
  1333.                  else if (states['input_select.localisation_thomas'].state == 'Travail')
  1334.                    return 'rgba(var(--couleur-vert),0.2)'
  1335.                  else if (states['input_select.localisation_thomas'].state == 'Miléna')
  1336.                    return 'rgba(var(--couleur-vert),0.2)'
  1337.                  else if (states['input_select.localisation_thomas'].state == 'Parents')
  1338.                    return 'rgba(var(--couleur-vert),0.2)'
  1339.                }else{
  1340.                  return 'rgba(var(--couleur-theme),0.05)'
  1341.                }
  1342.             ]]]
  1343.         - border-radius: 50%
  1344.         - place-self: center
  1345.         - width: 42px
  1346.         - height: 42px
  1347.       name:
  1348.         - justify-self: center
  1349.         - padding: 0px 10px
  1350.         - font-weight: bold
  1351.         - font-size: 14px
  1352.       label:
  1353.         - justify-self: center
  1354.         - align-self: start
  1355.         - padding: 0px 10px
  1356.         - font-weight: bolder
  1357.         - font-size: 12px
  1358.         - filter: opacity(40%)
  1359.   vide:
  1360.     styles:
  1361.       card:
  1362.         - background-color: rgba(0,0,0,0)
  1363.         - box-shadow: none
  1364.         - height: 0px
  1365.   titre:
  1366.     tap_action:
  1367.       action: none
  1368.     show_icon: false
  1369.     show_label: true
  1370.     show_name: true
  1371.     styles:
  1372.       card:
  1373.         - background-color: rgba(0,0,0,0)
  1374.         - box-shadow: none
  1375.         - height: auto
  1376.         - width: auto
  1377.         - margin-top: 12px
  1378.         - margin-left: 24px
  1379.         - margin-bottom: 0px
  1380.       grid:
  1381.         - grid-template-areas: '"n" "l"'
  1382.         - grid-template-columns: 1fr
  1383.         - grid-template-rows: min-content min-content
  1384.       name:
  1385.         - justify-self: start
  1386.         - font-weight: bold
  1387.         - font-size: 1.5rem
  1388.       label:
  1389.         - justify-self: start
  1390.         - font-weight: bold
  1391.         - font-size: 1rem
  1392.         - opacity: '0.4'
  1393.   chip:
  1394.     variables:
  1395.       view: |
  1396.        [[[ return window.location.pathname.split('/')[2]; ]]]
  1397.     tap_action:
  1398.       action: more-info
  1399.     show_icon: false
  1400.     show_name: false
  1401.     show_state: false
  1402.     show_label: true
  1403.     size: 80%
  1404.     styles:
  1405.       img_cell:
  1406.         - width: 24px
  1407.       card:
  1408.         - border-radius: 30px
  1409.         - box-shadow: var(--box-shadow)
  1410.         - height: 36px
  1411.         - width: auto
  1412.         - padding-left: 6px
  1413.         - padding-right: 6px
  1414.       grid:
  1415.         - grid-template-areas: '"l"'
  1416.       label:
  1417.         - justify-self: center
  1418.         - padding: 0px 6px
  1419.         - font-weight: bold
  1420.         - font-size: 14px
  1421. title: 'Home '
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!