1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-04 21:07:25 +02:00

Labels overlap fix - issue #4.

This commit is contained in:
Angelos Chalaris
2016-09-28 21:25:07 +03:00
parent b3e2b8becd
commit efc429c40a
6 changed files with 9 additions and 9 deletions

View File

@@ -9,11 +9,11 @@
<meta name="author" content="Angelos Chalaris (chalarangelo)"> <meta name="author" content="Angelos Chalaris (chalarangelo)">
<link rel="icon" type="image/png" href="favicon.png"> <link rel="icon" type="image/png" href="favicon.png">
<!-- For local testing only --> <!-- For local testing only -->
<!-- <link rel="stylesheet" href="../flavors/mini-default.min.css"> --> <link rel="stylesheet" href="../flavors/mini-default.min.css">
<!-- Old link --> <!-- Old link -->
<!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css"> --> <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css"> -->
<!-- Correct link --> <!-- Correct link -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css"> <!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1.0.0/flavors/mini-default.min.css"> -->
<style> <style>
.panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; } .panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
pre{ overflow: auto; } pre{ overflow: auto; }

View File

@@ -1078,7 +1078,7 @@ img.thumb {
the specified style will not work correctly. the specified style will not work correctly.
*/ */
.lbl { .lbl {
display: inline; display: inline-block;
padding: 6px 10px; padding: 6px 10px;
color: #eeeeee; color: #eeeeee;
background-color: #777; background-color: #777;
@@ -1099,7 +1099,7 @@ img.thumb {
background: #ea4848; } background: #ea4848; }
.bdg { .bdg {
display: inline; display: inline-block;
padding: 3px 8px; padding: 3px 8px;
color: #eeeeee; color: #eeeeee;
background-color: #777; background-color: #777;

File diff suppressed because one or more lines are too long

View File

@@ -1078,7 +1078,7 @@ img.thumb {
the specified style will not work correctly. the specified style will not work correctly.
*/ */
.lbl { .lbl {
display: inline; display: inline-block;
padding: 6px 10px; padding: 6px 10px;
color: #f5f5f5; color: #f5f5f5;
background-color: #525252; background-color: #525252;
@@ -1099,7 +1099,7 @@ img.thumb {
background: #e72a2a; } background: #e72a2a; }
.bdg { .bdg {
display: inline; display: inline-block;
padding: 3px 8px; padding: 3px 8px;
color: #f5f5f5; color: #f5f5f5;
background-color: #525252; background-color: #525252;

File diff suppressed because one or more lines are too long

View File

@@ -13,7 +13,7 @@
*/ */
@mixin make-lbl($lbl-name, $lbl-bg-color, $lbl-color, $lbl-border-radius, $lbl-padding, $lbl-hide-on-empty){ @mixin make-lbl($lbl-name, $lbl-bg-color, $lbl-color, $lbl-border-radius, $lbl-padding, $lbl-hide-on-empty){
.#{$lbl-name}{ .#{$lbl-name}{
display: inline; display: inline-block;
padding: $lbl-padding; padding: $lbl-padding;
color: $lbl-color; color: $lbl-color;
background-color: $lbl-bg-color; background-color: $lbl-bg-color;