[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page
GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
* Adding max width for gallery-summary
* changin card background color
* removing row from within the card
* matching the padding of gray card with figma design
* removing row and spaced row to avoid extra padding and adding doc-rows-container
* adding grid for templates and removing some old styling
* adding .recent-templates-container to add the padding and margins
* deleting a comment and adding img border radius for the thumbnail
* adding margin-bottom on recent-templates-container
* adding .gallery-tagged-title-container to match the figma padding and then a fix was needed for the width of the filters
* renaming gallery-tagged-title-container to gallery-tagged-container-spacing and re-using it for Related tags container
* making recent heading as heading-xl to match figma
* adding badge styling and its container styling via .gallery-tagged-template-tags-container
* making two classes out of this class .gallery-tagged-container-spacing to add the styling for the h2 heading
* adding margin-bottom to match figma style
* making class generic and using it at multiple places
* removing some extra code
* removing grid styling because after rebase the layout was fixed with col classes
* adding rows back
* adding h2 instead of h3 and making them heading-xl
* adapting some changes after merge conflicts
* removing duplicate classname after rebase
GitOrigin-RevId: d02a0b1e2784fd96d2af2326700829879dacc464
* adding .gallery at top level
* adding styling for heading and buttons
* removing padding under cta-links
* removing find more templates text
* adding field title styling
* adding .details-container for spacing between the content
* adding a colon after field-title
* moving tags styling into badge.scss file to make it more generic to use
* moving section tag one level below to use it as a flex containe for adding gap property
* adding field-description class
* fixing the image width
* adding some padding between the content
* renaming a file to a more descriptive name
* adding .gallery-abstract class in the scss file
* adding colons in pug file
* adding previous-page-link and its container class
* moving paddings to larger screens only and adding a top margin for mobile screens]
* adding some spacing above tags on mobile view when heading and tags are vertically aligned
* adding styling to the badge and removing extra padding from h1 to match figma
* lint:fix
* swapping position of top-pick and official badges
* adding path and itemPlural
* removing unused top margin
GitOrigin-RevId: a5c9b731b69ecfe2b752015c410e10a0fec2c704
[web] Add border-radius to every image inside .blog-content (blog post page) and `.blog-content-preview` (blog list page)
GitOrigin-RevId: 6f805513504b1e4468862018e6f62070a8adcfe0
* adding left-margin for the checkbox-label
* moving the styling to appropriate file and making it more generic
GitOrigin-RevId: 66484344891c77f6d31147ef7d0e0d55987a8445
* [web] Initialize BS5 in subscription page
* [web] Update subscription-dashboard.tsx for BS5
* [web] Update row-link.tsx for BS5
* [web] Update modals
* [web] Add `btn` to `btn-inline-link` classes
* [web] Update circle change-to-group circle price element
* [web] Replace `list-item-with-margin-bottom` with `mb-3`
* [web] Update form elements to BS5
* [web] Use `useContactUsModal`
* [web] Adjust tables margin/padding, and more
* [web] Update change-to-group-modal.tsx
* [web] Add gap to subscription buttons
* [web] Remove subscription page colspan for md and above
* [web] Use Notification component
* [web] Update "leave group" buttons
* [web] Fix tests: add `ol-user` meta tag
* [web] Nest .hover-highlight in #subscription-dashboard-root
* [web] Update to OLRow/OLCol
* [web] Update to OLButtons
* [web] Update to OLFormGroup
* [web] Naming: use BSversion prefix
* [web] Set CancelSubscriptionButton as ghost directly in component
* [web] Set "Plan" font size
* [web] Simplify cancel-subscription buttons
* [web] Remove `--neutral-10` ModalFooter background
* [web] Simplify circle styles
* [web] Center discount badge
* [web] Update fieldset label
* [web] Add `<ul>` around RowLink
* [web] Define SCSS for row-link component
* [web] Remove some use of utility classes
* [web] Revert and update `fieldset` changes (fixes tests)
* [web] Fixup some more OLButtons
* [web] Fixup use of OLRow/OLCol
* [web] Reduce spacing below "legend-as-label"
* [web] Use h5 instead of small in OLModalTitle
* [web] Revert OLCol removal on lg screens
I had removed them by mistake because I wasn't using the proper breakpoints
* [web] Add backdrop to nested modal ContactUsModal
* [web] Don't prefill project URL in ContactUsModal
* [web] Fix lint
* [web] Share `className` prop in BS5 and BS3 modals
* [web] Set sub-title font sans serif (BS3)
* [web] Update remaining Alerts to OLNotification
GitOrigin-RevId: 7fd975ae3e992cebfaf71d4e182f8e13ec886d09
* adding styling for form label under bs5 styling
* moving label color to website-redesign
* adding spacing-02
* fixing a linting error
* adding label styling within website-redesign
GitOrigin-RevId: bc99c13e5d60dc68c3557db752292faf5eb5a34e
* copying blog-posts.less into blog-posts.scss, will not compile yet
* making variable changes in the file
* adding card-body under blog-post
* adding spacing-09 to the list
* format:fix
* rendering bs5 for blog/blog_post
* adding card-body for blog post page card
* fixing some linting errors
* adding neutral-40 as a replacement of ol-blue-gray-2
* selecting the closest spacing
* removing margin
GitOrigin-RevId: e0cad15cec2adccb41d773e38feb99d9fd9f5e07
* migrating premium badge to BS5 and changing the unit test
* fixing unit test
* using badge badge-prepend classes for the premium badge
* fixing unit test
* adding font-weight variable
* removing unused CSS
* adding aria-hidden
GitOrigin-RevId: a1ab2eeedd95ee500c21607abd09a0a8a07289f0
* adding classes according to bootstrap 5 tabs
* adding JS for tabs handeling in BS5
* adding styling for tabs to match the redesign styling
* making sure tabs are being highlighted when active
* adding a scroll-margin-top to have some extra space
* removing extra import, it is not needed here because we already import it in bootstrap-x.js files
* using the media-breakpoint-down for a media query styling
* introducing .nav-tabs-container to make the tab triggers horizontally scrollable
* creating a mixin box-shadow-button-input under scss for bootstrap-5
* moving border-width-base to tabs.scss
* aligning tabs to the left under screen size of 768px
* removing focus-style mixin from scss files becuase it was a duplicate
GitOrigin-RevId: 45780c62681fc9b61961f5436d2d55de66a976b6
