label circle

src/blocks/label/label--circle.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.label {
+
+  &--circle {
+    border-radius: 1.45em;
+  }
+}

src/blocks/label/label--tag.less

@@ -6,8 +6,8 @@
   &--tag {
     margin-left: 1em;
     padding-left: 0.7em;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
 
     &:before {
       content: '';

src/blocks_library.html

@@ -1396,6 +1396,11 @@ $('#test').on('hidden.nth.dropdown', function () {
       <span class="label  label--tag  label--main">Метка</span>
       <span class="label  label--tag  label--danger">Метка</span>
       <span class="label  label--tag  label--success">Метка</span>
+      |
+      <span class="label  label--circle">Метка</span>
+      <span class="label  label--circle  label--main">Метка</span>
+      <span class="label  label--circle  label--danger">Метка</span>
+      <span class="label  label--circle  label--success">Метка</span>
       <br>
       Обычный текст
       <div class="label">
@@ -1418,22 +1423,27 @@ $('#test').on('hidden.nth.dropdown', function () {
         <h1>Заголовок 1
           <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
           <span class="label  label--tag">Метка</span>
+          <span class="label  label--circle  label--tag">Метка</span>
         </h1>
         <h2>Заголовок 2
           <span class="label  label--main"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
           <span class="label  label--tag">Метка</span>
+          <span class="label  label--circle  label--tag">Метка</span>
         </h2>
         <h3>Заголовок 3
           <span class="label  label--danger"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
           <span class="label  label--tag">Метка</span>
+          <span class="label  label--circle  label--tag">Метка</span>
         </h3>
         <h4>Заголовок 4
           <span class="label  label--success"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
           <span class="label  label--tag">Метка</span>
+          <span class="label  label--circle  label--tag">Метка</span>
         </h4>
         <h5>Заголовок 5
           <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
           <span class="label  label--tag">Метка</span>
+          <span class="label  label--circle  label--tag">Метка</span>
         </h5>
         <h6>Заголовок 6
           <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg> Метка</span>
@@ -1443,9 +1453,9 @@ $('#test').on('hidden.nth.dropdown', function () {
       <div class="col-md-6">
         <h1>Только иконка:
           <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-camera"></use></svg></span>
-          <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-folder-open"></use></svg></span>
-          <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-road"></use></svg></span>
-          <span class="label"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-search"></use></svg></span>
+          <span class="label  label--circle"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-folder-open"></use></svg></span>
+          <span class="label  label--circle  label--tag"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-road"></use></svg></span>
+          <span class="label  label--danger"><svg width=".7em" height=".7em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#block-library-search"></use></svg></span>
         </h1>
         <p>
           Лейблы в кнопках:

src/less/style.less

@@ -38,3 +38,4 @@
 @import './src/blocks/label/label__detail.less';
 @import './src/blocks/label/label--absolute.less';
 @import './src/blocks/label/label--tag.less';
+@import './src/blocks/label/label--circle.less';