add badge component

CodiumTeam · Oct 22, 2024 · 7affe18 · 7affe18
1 parent 70f56e3
commit 7affe18
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/src/sass/404.scss b/src/sass/404.scss
@@ -1,6 +1,6 @@
 @import 'core/variables', 'core/container', 'block', 'title', 'layout/footer',
   'core/utilities', 'course/hero', 'core/normalize', 'layout/header',
-  'layout/hero', 'layout/main', 'buttons', 'core/dropdown';
+  'layout/hero', 'layout/main', 'buttons', 'core/dropdown', 'badge';
 
 html {
   height: 100%;

diff --git a/src/sass/_badge.scss b/src/sass/_badge.scss
@@ -0,0 +1,11 @@
+.badge {
+  display: inline-block;
+  padding: .35em .65em !important;
+  font-size: .75em;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25rem;
+}
diff --git a/src/sass/bootcamp.scss b/src/sass/bootcamp.scss
@@ -2,7 +2,7 @@
   'core/carousel', 'layout/footer', 'core/inputs', 'core/utilities',
   'course/hero', 'core/normalize', 'layout/header', 'layout/hero', 'layout/main',
   'buttons', 'core/dropdown', 'core/inputs', 'course/circle', 'course/hero',
-  'course/question', 'course/team';
+  'course/question', 'course/team', 'badge';
 
 .bootcamp {
   display: flex;

diff --git a/src/sass/course.scss b/src/sass/course.scss
@@ -2,7 +2,7 @@
   'core/dropdown', 'block', 'layout/header', 'layout/hero', 'layout/main',
   'course/circle', 'course/team', 'course/calendar', 'course/tdd-value',
   'core/carousel', 'layout/footer', 'core/inputs', 'core/utilities',
-  'course/hero', 'course/question';
+  'course/hero', 'course/question', 'badge';
 
 .sumary-numbers {
   display: flex;

diff --git a/src/sass/development.scss b/src/sass/development.scss
@@ -1,4 +1,4 @@
 @import 'core/variables', 'core/container', 'block', 'title', 'course/tdd-value',
   'core/carousel', 'layout/footer', 'core/inputs', 'core/utilities',
   'course/hero', 'core/normalize', 'layout/header', 'layout/hero', 'layout/main',
-  'buttons', 'core/dropdown', 'core/inputs';
+  'buttons', 'core/dropdown', 'core/inputs', 'badge';
diff --git a/src/sass/resources.scss b/src/sass/resources.scss
@@ -1,5 +1,5 @@
 @import 'core/container', 'core/variables', 'core/normalize', 'layout/header',
-  'layout/footer', 'block', 'core/utilities', 'core/dropdown', 'core/inputs';
+  'layout/footer', 'block', 'core/utilities', 'core/dropdown', 'core/inputs', 'badge';
 
 .main {
   padding-top: 3.5rem;

diff --git a/src/sass/site.scss b/src/sass/site.scss
@@ -1,6 +1,6 @@
 @import 'core/container', 'core/variables', 'core/normalize', 'layout/header',
   'layout/footer', 'layout/hero', 'layout/main', 'buttons', 'block',
-  'core/utilities', 'core/dropdown', 'core/inputs', 'title';
+  'core/utilities', 'core/dropdown', 'core/inputs', 'title', 'badge';
 
 .fade-in-right-to-left {
   display: block;
@@ -152,14 +152,3 @@
   padding-top: 80px;
 }
 
-.badge {
-  display: inline-block;
-  padding: .35em .65em !important;
-  font-size: .75em;
-  font-weight: 700;
-  line-height: 1;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: .25rem;
-}
diff --git a/src/sass/style-guide.scss b/src/sass/style-guide.scss
@@ -1,7 +1,7 @@
 @import 'core/variables', 'core/container', 'block', 'title', 'course/tdd-value',
   'core/carousel', 'layout/footer', 'core/inputs', 'core/utilities',
   'course/hero', 'core/normalize', 'layout/header', 'layout/hero', 'layout/main',
-  'buttons', 'core/dropdown', 'core/inputs', 'course/circle';
+  'buttons', 'core/dropdown', 'core/inputs', 'course/circle', 'badge';
 
 .main {
   padding-top: 3.5rem;