Skip to content
Beyond
The making of CogitActive and beyond
Posted on
August 3, 2023
June 19, 2023
by
CogitActive
Summer Meditation #9
By Black Lotus
Post navigation
Previous Post
Previous
Summer Meditation #8
Next Post
Next
Summer Meditation #10
.widget { display: none; --color-primary: #0288D1; --color-primary-contrast: #FFFFFF; --color-secondary: #DDDDDD; --color-secondary-contrast: #FFFFFF; --color-background: #c1cdef; --color-background-contrast: #FFFFFF; --color-dark: #666666; --color-dark-contrast: #FFFFFF; --scheme: var(--scheme-light); --size: var(--size-large); --space: var(--space-compact); --radius: var(--radius-sharp); }
p.description { font-size: 24px; font-weight: 600; color:#333333; } .point > .symbol { display: flex; justify-content: center; align-items: center; width: 100%; /* Make it take the full available space */ height: 100%; /* Match the parent size */ max-width: none !important; max-height: none !important; } .point > .symbol img { width: 100% !important; /* Ensure full scaling */ height: auto !important; /* Maintain aspect ratio */ object-fit: contain; /* Ensure it fits properly within parent */ } .can-rate.is-count .points .point.is-checked .symbol, .can-rate.is-count .points:hover .point:hover:not(.is-checked) .symbol { transform: none !important; }
{{widget.title}}
{{widget.description}}
{{attribute.label}}
{{point.label}}
{{ point.total || 0 }}
Submit
Cancel
.widget { display: none; --color-primary: #0288D1; --color-primary-contrast: #FFFFFF; --color-secondary: #DDDDDD; --color-secondary-contrast: #FFFFFF; --color-background: #ffffff; --color-background-contrast: #FFFFFF; --color-dark: #666666; --color-dark-contrast: #FFFFFF; --scheme: var(--scheme-light); --size: var(--size-regular); --space: var(--space-normal); --radius: var(--radius-rounded); }
p.description { font-size: 1.125 rem; font-weight: 400; color:#333333; } .point > .symbol { display: flex; justify-content: center; align-items: center; width: 100%; /* Make it take the full available space */ height: 100%; /* Match the parent size */ max-width: none !important; max-height: none !important; } .point > .symbol img { width: 100% !important; /* Ensure full scaling */ height: auto !important; /* Maintain aspect ratio */ object-fit: contain; /* Ensure it fits properly within parent */ } .can-rate.is-count .points .point.is-checked .symbol, .can-rate.is-count .points:hover .point:hover:not(.is-checked) .symbol { transform: none !important; } .form .button { background: #253f8c; } .form .button[disabled], .form .button[disabled]:hover, .form .button[disabled]:focus { filter: none; }
{{widget.title}}
{{widget.description}}
{{attribute.label}}
{{point.label}}
{{ point.total || 0 }}
Submit
Cancel
