base.scss in romo-0.18.1

- old
+ new

@@ -99,11 +99,11 @@
 .romo-user-select-none{ @include user-select(none); }
 
 /* images */
 
 .romo-img-rounded { @include border-radius(6px); }
-.romo-img-circle  { @include border-radius(500px); }
+.romo-img-circle  { @include border-radius(50%); }
 .romo-img-card {
   padding: 3px;
   background-color: $baseBgColor;
   border: 1px solid;
   border: 1px solid rgba(0, 0, 0, 0.2);
@@ -433,11 +433,13 @@
 .romo-border1-bottom-left-radius-hover:hover   { @include border1-bottom-left-radius(!important); }
 .romo-border0-bottom-left-radius-hover:hover   { @include border0-bottom-left-radius(!important); }
 .romo-border2-bottom-left-radius-hover:hover   { @include border2-bottom-left-radius(!important); }
 .romo-rm-border-bottom-left-radius-hover:hover { @include rm-border-bottom-left-radius(!important); }
 
-.romo-border-radius-circle { @include border-radius(500px); }
-.romo-border-radius-circle-hover:hover { @include border-radius(500px); }
+.romo-border-radius-circle             { @include border-radius(50%); }
+.romo-border-radius-circle-hover:hover { @include border-radius(50%); }
+.romo-border-radius-pill               { @include border-radius(500px); }
+.romo-border-radius-pill-hover:hover   { @include border-radius(500px); }
 
 /* spacing */
 
 .romo-pad,
 .romo-pad1   { @include pad1(!important); }