Skip to content
Beyond
The making of CogitActive and beyond
Posted on
August 13, 2020
September 15, 2020
by
CogitActive
The Image post format
Post navigation
Previous Post
Previous
The Quote post format
Next Post
Next
The Video post format
.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
