Primer CSS Marketing Buttons Sizes Last Updated : 29 May, 2022 Comments Improve Suggest changes Like Article Like Report Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. It is highly reusable and flexible. It is created with GitHub’s design system. Primer CSS offers Marketing Buttons that come in various sizes and colors. Marketing Buttons can be created by adding the main class as .btn-mktg along with a set of different modifier classes. Primer CSS Marketing Buttons Sizes classes used: btn-small-mktg: This class is used to create small-sized buttons in Primer CSS Marketing. btn-medium-mktg: This class is used to create medium-sized buttons in Primer CSS Marketing. These are the default size buttons.btn-large-mktg: This class is used to create large-sized buttons in Primer CSS Marketing. Syntax: <button class="btn-mktg btn-small-mktg || btn-large-mktg " type="button"> ... </button> Example 1: Below example demonstrates the use of Primer CSS Marketing Buttons sizes using the btn-small-mktg class. HTML <!DOCTYPE html> <html> <head> <title> Primer CSS Marketing Buttons Sizes. </title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <center> <h1 class="color-fg-success text-center"> GeeksforGeeks </h1> <h3 class="text-center"> Primer CSS Marketing Buttons Sizes. </h3> <br> <button type="button" class= "btn-mktg btn-small-mktg"> Tutorials </button> <button type="button" class= "btn-mktg btn-small-mktg btn-muted-mktg"> Jobs </button> <button type="button" class= "btn-mktg btn-small-mktg btn-subtle-mktg"> Courses </button> <button type="button" class= "btn-mktg btn-small-mktg btn-signup-mktg"> Pick an article </button> </center> </body> </html> Output: Primer CSS Marketing Buttons Sizes Example 2: Below example demonstrates the use of Primer CSS Marketing Buttons sizes using the btn-large-mktg class. HTML <!DOCTYPE html> <html> <head> <title> Primer CSS Marketing Buttons Sizes. </title> <link rel="stylesheet" href= "https://unpkg.com/@primer/css@^19.0.0/dist/primer.css" /> </head> <body> <center> <h1 class="color-fg-success text-center"> GeeksforGeeks </h1> <h3 class="text-center"> Primer CSS Marketing Buttons Sizes. </h3> <br> <button type="button" class= "btn-mktg btn-large-mktg btn-signup-mktg"> Pick an article </button> <button type="button" class= "btn-mktg btn-large-mktg btn-muted-mktg"> Jobs </button> <button type="button" class= "btn-mktg btn-large-mktg"> Tutorials </button> <button type="button" class= "btn-mktg btn-large-mktg btn-subtle-mktg"> Courses </button> </center> </body> </html> Output: Primer CSS Marketing Buttons Sizes Reference: https://primer.style/css/components/marketing-buttons#sizes Comment More infoAdvertise with us Next Article Primer CSS Marketing Buttons Y yourcontactformsubmitted Follow Improve Article Tags : Web Technologies CSS Primer-CSS Primer-CSS Component Similar Reads Primer CSS Marketing Buttons Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. It is highly reusable and flexible. It is created with GitHub’s design system.Buttons are used to define an action that can be perf 2 min read Primer CSS Marketing Buttons Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. It is highly reusable and flexible. It is created with GitHub’s design system.Buttons are used to define an action that can be perf 2 min read Primer CSS Marketing Buttons Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. It is highly reusable and flexible. It is created with GitHub’s design system.Buttons are used to define an action that can be perf 2 min read Primer CSS Marketing Link sizes Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Pure CSS Buttons Sizes Buttons are one of the most common UI elements. They made it possible for users to interact with a system and take action by making selections. Sometimes we required different size buttons, there it comes, with the help of the Pure CSS Button Size class. Pure CSS Button Sizes class: There is no pred 2 min read Primer CSS Button States Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. It is a system that assists us to build consistent user experiences efficiently with enough flexibility. This systematic approach e 2 min read Like