.webp)
Mention
Visual identity
Mention — design reference
Source: https://mention.com/en/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Typography
font-family: var(--bs-font-sans-serif)— selectorbodyfont-family: var(--font-family)— selector.mention-2024 h1, .mention-2024 h2, .mention-2024 h3, .mention-2024 h4, .mention-2024 h5, .mention-2024 h6font-size: 1.125em— selector.wp-block-button**linkfont-size: 1rem— selectorbodyfont-size: calc(1.375rem + 1.5vw)— selector.h1,h1font-size: 2.5rem— selector.h1,h1font-size: calc(1.325rem + .9vw)— selector.h2,h2font-size: 2rem— selector.h2,h2font-size: calc(1.3rem + .6vw)— selector.h3,h3font-weight: 400— selectorbodyfont-weight: 500— selector.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6font-weight: 300— selector.display-1font-weight: 700— selector.mention-2024 .buttonfont-weight: bold— selector.mention-2024 .title-mediumline-height: 1— selector.wpml-ls-legacy-dropdown aline-height: 1.5— selectorbodyline-height: 1.2— selector.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6line-height: 23px— selector.mention-2024 pline-height: 44px— selector.mention-2024 .title-biggestline-height: 36px— selector.mention-2024 .title-bigline-height: 140%— selector.mention-2024 .card.card--square .titleletter-spacing: -0.4px— selector.mention-2024 .titleletter-spacing: 0px— selector.mention-2024 .title-medium
Colors and surfaces
color: #eee— selector:root .has-very-light-gray-colorcolor: #313131— selector:root .has-very-dark-gray-colorcolor: #fff— selector.wp-block-button**linkcolor: #444444— selector.wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-stcolor: #000000— selector.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:hover,.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:focus, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:hover, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:color: #444— selector.wpml-ls-legacy-dropdown acolor: #000— selector.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hovercolor: #212529— selectorbodybackground-color: #eee— selector:root .has-very-light-gray-background-colorbackground-color: #313131— selector:root .has-very-dark-gray-background-colorbackground-color: #32373c— selector.wp-block-button**linkbackground-color: #ffffff— selector.wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-stbackground-color: #eeeeee— selector.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:hover,.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:focus, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:hover, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:background-color: #fff— selector.wpml-ls-legacy-dropdown abackground-color: #e9ecef— selector.form-control::file-selector-buttonbackground-color: #dde0e3— selector.form-control:hover:not(:disabled):not([readonly])::file-selector-button
Components and layout
border-radius: 9999px— selector.wp-block-button**linkborder-radius: 0— selectorbuttonborder-radius: .3rem— selector.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-textborder-radius: .2rem— selector.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-textborder-radius: .25rem— selector.btnborder-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0— selector.card-header:first-childborder-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)— selector.card-footer:last-childborder-radius: calc(.25rem - 1px)— selector.card-img-overlaybox-shadow: none— selector.wp-block-button**linkbox-shadow: 0 0 0 .25rem rgba(13,110,253,.25)— selector.btn-check:focus+.btn,.btn:focusbox-shadow: 0 0 0 .25rem rgba(49,132,253,.5)— selector.btn-check:focus+.btn-primary,.btn-primary:focusbox-shadow: 0 0 0 .25rem rgba(130,138,145,.5)— selector.btn-check:focus+.btn-secondary,.btn-secondary:focusbox-shadow: 0 0 0 .25rem rgba(60,153,110,.5)— selector.btn-check:focus+.btn-success,.btn-success:focusbox-shadow: 0 0 0 .25rem rgba(11,172,204,.5)— selector.btn-check:focus+.btn-info,.btn-info:focusbox-shadow: 0 0 0 .25rem rgba(217,164,6,.5)— selector.btn-check:focus+.btn-warning,.btn-warning:focusbox-shadow: 0 0 0 .25rem rgba(225,83,97,.5)— selector.btn-check:focus+.btn-danger,.btn-danger:focusmax-width: 540px— selector.container,.container-smmax-width: 720px— selector.container,.container-md,.container-smmax-width: 960px— selector.container,.container-lg,.container-md,.container-smmax-width: 1140px— selector.container,.container-lg,.container-md,.container-sm,.container-xlmax-width: 1320px— selector.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxlmax-width: 100%— selector.toast-containermax-width: 450px— selector.mention-2024 .title-smallmax-width: 600px— selector.mention-2024 .subtitlepadding: calc(.667em + 2px) calc(1.333em + 2px)— selector.wp-block-button**linkpadding: 0 !important— selector.recentcomments apadding: 5px 10px— selector.wpml-ls-legacy-dropdown apadding: .375rem .75rem— selector.form-control::file-selector-buttonpadding: .25rem .5rem— selector.form-control-sm::file-selector-buttonpadding: .5rem 1rem— selector.form-control-lg::file-selector-buttonpadding: .25rem .75rem— selector.navbar-togglerpadding: 1rem 1rem— selector.card-bodygap: var(--spacer-small)— selector.mention-2024 .rounded-block-containertransition: opacity 0.5s ease-in-out— selector.custom-header .titletransition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out— selector.form-control::file-selector-buttontransition: none— selector.form-control::file-selector-buttontransition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out— selector.nav-linktransition: box-shadow .15s ease-in-out— selector.navbar-togglertransition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease— selector.accordion-buttontransition: transform .2s ease-in-out— selector.accordion-button::aftertransition: none !important— selector.marquee-scrolling-container.animated-disable
Responsive rules
(min-resolution:192dpi)
screen and (max-width:600px)
(max-width: 961px)
screen and (-ms-high-contrast:none)
(prefers-reduced-motion:no-preference)
(min-width:1200px)
(min-width:576px)
(min-width:768px)
(min-width:992px)
(min-width:1400px)
(max-width:575.98px)
(max-width:767.98px)
(max-width:991.98px)
(max-width:1199.98px)
(max-width:1399.98px)
(prefers-reduced-motion:reduce)
print
(min-width: 992px)
(max-width: 576px) Source: https://mention.com/en/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.
https://mention.com/en/ — :root
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122,0,223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0,124,186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0,107,160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0,90,135;
--wp-admin-border-width-focus: 2px;
--wp-admin-border-width-focus: 1.5px;
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--dark-gray: #111;
--wp--preset--color--light-gray: #f1f1f1;
--wp--preset--color--yellow: #f4ca16;
--wp--preset--color--dark-brown: #352712;
--wp--preset--color--medium-pink: #e53b51;
--wp--preset--color--light-pink: #ffe5d1;
--wp--preset--color--dark-purple: #2e2256;
--wp--preset--color--purple: #674970;
--wp--preset--color--blue-gray: #22313f;
--wp--preset--color--bright-blue: #55c3dc;
--wp--preset--color--light-blue: #e9f2f9;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
--wp--preset--gradient--dark-gray-gradient-gradient: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%);
--wp--preset--gradient--light-gray-gradient: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(215,215,215,1) 100%);
--wp--preset--gradient--white-gradient: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
--wp--preset--gradient--yellow-gradient: linear-gradient(90deg, rgba(244,202,22,1) 0%, rgba(205,168,10,1) 100%);
--wp--preset--gradient--dark-brown-gradient: linear-gradient(90deg, rgba(53,39,18,1) 0%, rgba(91,67,31,1) 100%);
--wp--preset--gradient--medium-pink-gradient: linear-gradient(90deg, rgba(229,59,81,1) 0%, rgba(209,28,51,1) 100%);
--wp--preset--gradient--light-pink-gradient: linear-gradient(90deg, rgba(255,229,209,1) 0%, rgba(255,200,158,1) 100%);
--wp--preset--gradient--dark-purple-gradient: linear-gradient(90deg, rgba(46,34,86,1) 0%, rgba(66,48,123,1) 100%);
--wp--preset--gradient--purple-gradient: linear-gradient(90deg, rgba(103,73,112,1) 0%, rgba(131,93,143,1) 100%);
--wp--preset--gradient--blue-gray-gradient: linear-gradient(90deg, rgba(34,49,63,1) 0%, rgba(52,75,96,1) 100%);
--wp--preset--gradient--bright-blue-gradient: linear-gradient(90deg, rgba(85,195,220,1) 0%, rgba(43,180,211,1) 100%);
--wp--preset--gradient--light-blue-gradient: linear-gradient(90deg, rgba(233,242,249,1) 0%, rgba(193,218,238,1) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);https://mention.com/en/ — html :where(.is-position-sticky)
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px);
--wp-admin--admin-bar--position-offset: 0px;https://mention.com/en/ — .wp-block-button
--wp--preset--dimension--25: 25%;
--wp--preset--dimension--50: 50%;
--wp--preset--dimension--75: 75%;
--wp--preset--dimension--100: 100%;https://mention.com/en/ — .lazyload,
.lazyloading
--smush-placeholder-width: 100px;
--smush-placeholder-bg-max-width: 120px;
--smush-placeholder-aspect-ratio: 1/1;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — @charset "UTF-8";:root
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .row
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-0,.gx-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-0,.gy-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-1,.gx-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-1,.gy-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-2,.gx-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-2,.gy-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-3,.gx-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-3,.gy-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-4,.gx-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-4,.gy-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-5,.gx-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-5,.gy-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-0,.gx-sm-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-0,.gy-sm-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-1,.gx-sm-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-1,.gy-sm-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-2,.gx-sm-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-2,.gy-sm-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-3,.gx-sm-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-3,.gy-sm-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-4,.gx-sm-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-4,.gy-sm-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-5,.gx-sm-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-sm-5,.gy-sm-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-0,.gx-md-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-0,.gy-md-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-1,.gx-md-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-1,.gy-md-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-2,.gx-md-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-2,.gy-md-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-3,.gx-md-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-3,.gy-md-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-4,.gx-md-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-4,.gy-md-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-5,.gx-md-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-md-5,.gy-md-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-0,.gx-lg-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-0,.gy-lg-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-1,.gx-lg-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-1,.gy-lg-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-2,.gx-lg-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-2,.gy-lg-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-3,.gx-lg-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-3,.gy-lg-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-4,.gx-lg-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-4,.gy-lg-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-5,.gx-lg-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-lg-5,.gy-lg-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-0,.gx-xl-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-0,.gy-xl-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-1,.gx-xl-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-1,.gy-xl-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-2,.gx-xl-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-2,.gy-xl-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-3,.gx-xl-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-3,.gy-xl-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-4,.gx-xl-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-4,.gy-xl-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-5,.gx-xl-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xl-5,.gy-xl-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-0,.gx-xxl-0
--bs-gutter-x: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-0,.gy-xxl-0
--bs-gutter-y: 0;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-1,.gx-xxl-1
--bs-gutter-x: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-1,.gy-xxl-1
--bs-gutter-y: 0.25rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-2,.gx-xxl-2
--bs-gutter-x: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-2,.gy-xxl-2
--bs-gutter-y: 0.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-3,.gx-xxl-3
--bs-gutter-x: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-3,.gy-xxl-3
--bs-gutter-y: 1rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-4,.gx-xxl-4
--bs-gutter-x: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-4,.gy-xxl-4
--bs-gutter-y: 1.5rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-5,.gx-xxl-5
--bs-gutter-x: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .g-xxl-5,.gy-xxl-5
--bs-gutter-y: 3rem;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-striped>tbody>tr:nth-of-type(odd)
--bs-table-accent-bg: var(--bs-table-striped-bg);https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-active
--bs-table-accent-bg: var(--bs-table-active-bg);https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-hover>tbody>tr:hover
--bs-table-accent-bg: var(--bs-table-hover-bg);https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-primary
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-secondary
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-success
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-info
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-warning
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-danger
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3 — .table-light
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;Source: https://mention.com/en/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.
| Property | Declared value | Selector |
|---|---|---|
| font-family | var(--bs-font-sans-serif) | body |
| font-family | var(--font-family) | .mention-2024 h1,
.mention-2024 h2,
.mention-2024 h3,
.mention-2024 h4,
.mention-2024 h5,
.mention-2024 h6 |
| font-size | 1.125em | .wp-block-button**link |
| font-size | 1rem | body |
| font-size | calc(1.375rem + 1.5vw) | .h1,h1 |
| font-size | 2.5rem | .h1,h1 |
| font-size | calc(1.325rem + .9vw) | .h2,h2 |
| font-size | 2rem | .h2,h2 |
| font-size | calc(1.3rem + .6vw) | .h3,h3 |
| font-weight | 400 | body |
| font-weight | 500 | .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 |
| font-weight | 300 | .display-1 |
| font-weight | 700 | .mention-2024 .button |
| font-weight | bold | .mention-2024 .title-medium |
| line-height | 1 | .wpml-ls-legacy-dropdown a |
| line-height | 1.5 | body |
| line-height | 1.2 | .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 |
| line-height | 23px | .mention-2024 p |
| line-height | 44px | .mention-2024 .title-biggest |
| line-height | 36px | .mention-2024 .title-big |
| line-height | 140% | .mention-2024 .card.card--square .title |
| letter-spacing | -0.4px | .mention-2024 .title |
| letter-spacing | 0px | .mention-2024 .title-medium |
| color | #eee | :root .has-very-light-gray-color |
| color | #313131 | :root .has-very-dark-gray-color |
| color | #fff | .wp-block-button**link |
| color | #444444 | .wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-st |
| color | #000000 | .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:hover,.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:focus, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:hover, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link: |
| color | #444 | .wpml-ls-legacy-dropdown a |
| color | #000 | .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover |
| color | #212529 | body |
| background-color | #eee | :root .has-very-light-gray-background-color |
| background-color | #313131 | :root .has-very-dark-gray-background-color |
| background-color | #32373c | .wp-block-button**link |
| background-color | #ffffff | .wpml-ls-statics-shortcode_actions a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link, .wpml-ls-statics-shortcode_actions li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-st |
| background-color | #eeeeee | .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:hover,.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:focus, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link:hover, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu a:link: |
| background-color | #fff | .wpml-ls-legacy-dropdown a |
| background-color | #e9ecef | .form-control::file-selector-button |
| background-color | #dde0e3 | .form-control:hover:not(:disabled):not([readonly])::file-selector-button |
| border-radius | 9999px | .wp-block-button**link |
| border-radius | 0 | button |
| border-radius | .3rem | .input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text |
| border-radius | .2rem | .input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text |
| border-radius | .25rem | .btn |
| border-radius | calc(.25rem - 1px) calc(.25rem - 1px) 0 0 | .card-header:first-child |
| border-radius | 0 0 calc(.25rem - 1px) calc(.25rem - 1px) | .card-footer:last-child |
| border-radius | calc(.25rem - 1px) | .card-img-overlay |
| box-shadow | none | .wp-block-button**link |
| box-shadow | 0 0 0 .25rem rgba(13,110,253,.25) | .btn-check:focus+.btn,.btn:focus |
| box-shadow | 0 0 0 .25rem rgba(49,132,253,.5) | .btn-check:focus+.btn-primary,.btn-primary:focus |
| box-shadow | 0 0 0 .25rem rgba(130,138,145,.5) | .btn-check:focus+.btn-secondary,.btn-secondary:focus |
| box-shadow | 0 0 0 .25rem rgba(60,153,110,.5) | .btn-check:focus+.btn-success,.btn-success:focus |
| box-shadow | 0 0 0 .25rem rgba(11,172,204,.5) | .btn-check:focus+.btn-info,.btn-info:focus |
| box-shadow | 0 0 0 .25rem rgba(217,164,6,.5) | .btn-check:focus+.btn-warning,.btn-warning:focus |
| box-shadow | 0 0 0 .25rem rgba(225,83,97,.5) | .btn-check:focus+.btn-danger,.btn-danger:focus |
| max-width | 540px | .container,.container-sm |
| max-width | 720px | .container,.container-md,.container-sm |
| max-width | 960px | .container,.container-lg,.container-md,.container-sm |
| max-width | 1140px | .container,.container-lg,.container-md,.container-sm,.container-xl |
| max-width | 1320px | .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl |
| max-width | 100% | .toast-container |
| max-width | 450px | .mention-2024 .title-small |
| max-width | 600px | .mention-2024 .subtitle |
| padding | calc(.667em + 2px) calc(1.333em + 2px) | .wp-block-button**link |
| padding | 0 !important | .recentcomments a |
| padding | 5px 10px | .wpml-ls-legacy-dropdown a |
| padding | .375rem .75rem | .form-control::file-selector-button |
| padding | .25rem .5rem | .form-control-sm::file-selector-button |
| padding | .5rem 1rem | .form-control-lg::file-selector-button |
| padding | .25rem .75rem | .navbar-toggler |
| padding | 1rem 1rem | .card-body |
| gap | var(--spacer-small) | .mention-2024 .rounded-block-container |
| transition | opacity 0.5s ease-in-out | .custom-header .title |
| transition | color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out | .form-control::file-selector-button |
| transition | none | .form-control::file-selector-button |
| transition | color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out | .nav-link |
| transition | box-shadow .15s ease-in-out | .navbar-toggler |
| transition | color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease | .accordion-button |
| transition | transform .2s ease-in-out | .accordion-button::after |
| transition | none !important | .marquee-scrolling-container.animated-disable |
Source: https://mention.com/en/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Evidence and limitations
- Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
- CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
- No inferred dark theme, semantic color roles or framework defaults have been added.
- 296 custom-property declarations found; 1267 relevant property declarations parsed.
Stylesheet sources
- https://mention.com/en/
- https://mention.com/wp-content/plugins/custom-toc/custom-toc.css?ver=1725459714
- https://mention.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/style.min.css?ver=510000
- https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css?ver=7.1.3
- https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=7.1.3
- https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap&ver=7.1.3
- https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap&ver=7.1.3
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/marquee.css?ver=2025-09-04-001
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/old-override.css?ver=7.1.3
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/@variables.css?ver=2025-09-04-001
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/common.css?ver=2025-09-04-001
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/pricing.css?ver=2025-09-04-001
- https://mention.com/wp-content/themes/mention-2024/_mention-2024/css/styles.css?ver=2025-09-04-001