提交 ad95b458 编写于 作者: C chomik

ribbon fixes, grid fixes

上级 2b2b53d8
......@@ -3,7 +3,7 @@
<div class="card">
<div class="card-body p-5">
<div class="h-16"></div>
<div class="h-10"></div>
</div>
<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" %}{% endif %}</div>
......
{% assign provider = include.provider | default: "fe" %}
<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
{% assign provider = include.provider | default: "fe" %}<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
......@@ -2,6 +2,18 @@
@include make-container-breakpoints();
}
.row-deck {
> .col,
> [class*='col-'] {
display: flex;
align-items: stretch;
.card {
flex: 1 1 auto;
}
}
}
@each $name, $value in (0: 0, xs: .25rem, sm: .5rem, lg: 1rem, xl: 1.5rem) {
.row-#{$name} {
margin-right: (-$value);
......
......@@ -5,12 +5,14 @@
top: .75rem;
right: -($ribbon-margin);
z-index: 1;
padding: .375rem 1rem;
padding: .25rem 1rem;
font-weight: 600;
color: #fff;
text-align: center;
background: $primary;
border-color: $primary;
font-size: 1rem;
line-height: 1.5;
&::before {
position: absolute;
......@@ -101,7 +103,7 @@
width: 0;
height: 0;
content: "";
border: 1.125rem solid;
border: 1rem solid;
border-color: inherit;
border-right-width: 0;
border-left-color: transparent;
......@@ -132,7 +134,7 @@
right: 0;
left: 0;
border-color: inherit;
border-width: 1.125rem;
border-width: 1rem;
border-top-width: 0;
border-bottom-color: transparent;
border-bottom-width: .75rem;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册