br*
|
Border Radius all
|
br-0-l
|
.br-0-l {
border-radius: 0;
}
|
.br-0-l
|
br-1-l
|
.br-1-l {
border-radius: var(--mg-bw-1);
}
|
.br-1-l
|
br-2-l
|
.br-2-l {
border-radius: var(--mg-bw-2);
}
|
.br-2-l
|
br-3-l
|
.br-3-l {
border-radius: var(--mg-bw-3);
}
|
.br-3-l
|
br-4-l
|
.br-4-l {
border-radius: var(--mg-bw-4);
}
|
.br-4-l
|
br-5-l
|
.br-5-l {
border-radius: var(--mg-bw-5);
}
|
.br-5-l
|
br-100-l
|
.br-100-l {
border-radius: 100%;
}
|
.br-100-l
|
br-pill-l
|
.br-pill-l {
border-radius: 999px;
}
|
.br-pill-l
|
br-bottom*
|
Border Radius bottom
|
br-bottom-0-l
|
.br-bottom-0-l {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
|
.br-bottom-0-l
|
br-bottom-1-l
|
.br-bottom-1-l {
border-bottom-left-radius: var(--mg-bw-1);
border-bottom-right-radius: var(--mg-bw-1);
}
|
.br-bottom-1-l
|
br-bottom-2-l
|
.br-bottom-2-l {
border-bottom-left-radius: var(--mg-bw-2);
border-bottom-right-radius: var(--mg-bw-2);
}
|
.br-bottom-2-l
|
br-bottom-3-l
|
.br-bottom-3-l {
border-bottom-left-radius: var(--mg-bw-3);
border-bottom-right-radius: var(--mg-bw-3);
}
|
.br-bottom-3-l
|
br-bottom-4-l
|
.br-bottom-4-l {
border-bottom-left-radius: var(--mg-bw-4);
border-bottom-right-radius: var(--mg-bw-4);
}
|
.br-bottom-4-l
|
br-bottom-5-l
|
.br-bottom-5-l {
border-bottom-left-radius: var(--mg-bw-5);
border-bottom-right-radius: var(--mg-bw-5);
}
|
.br-bottom-5-l
|
br-bottom-100-l
|
.br-bottom-100-l {
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
|
.br-bottom-100-l
|
br-bottom-pill-l
|
.br-bottom-pill-l {
border-bottom-left-radius: 999px;
border-bottom-right-radius: 999px;
}
|
.br-bottom-pill-l
|
br-top*
|
Border Radius top
|
br-top-0-l
|
.br-top-0-l {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
|
.br-top-0-l
|
br-top-1-l
|
.br-top-1-l {
border-top-left-radius: var(--mg-bw-1);
border-top-right-radius: var(--mg-bw-1);
}
|
.br-top-1-l
|
br-top-2-l
|
.br-top-2-l {
border-top-left-radius: var(--mg-bw-2);
border-top-right-radius: var(--mg-bw-2);
}
|
.br-top-2-l
|
br-top-3-l
|
.br-top-3-l {
border-top-left-radius: var(--mg-bw-3);
border-top-right-radius: var(--mg-bw-3);
}
|
.br-top-3-l
|
br-top-4-l
|
.br-top-4-l {
border-top-left-radius: var(--mg-bw-4);
border-top-right-radius: var(--mg-bw-4);
}
|
.br-top-4-l
|
br-top-5-l
|
.br-top-5-l {
border-top-left-radius: var(--mg-bw-5);
border-top-right-radius: var(--mg-bw-5);
}
|
.br-top-5-l
|
br-top-100-l
|
.br-top-100-l {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
}
|
.br-top-100-l
|
br-top-pill-l
|
.br-top-pill-l {
border-top-left-radius: 999px;
border-top-right-radius: 999px;
}
|
.br-top-pill-l
|
br-left*
|
Border Radius left
|
br-left-0-l
|
.br-left-0-l {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
|
.br-left-0-l
|
br-left-1-l
|
.br-left-1-l {
border-bottom-left-radius: var(--mg-bw-1);
border-top-left-radius: var(--mg-bw-1);
}
|
.br-left-1-l
|
br-left-2-l
|
.br-left-2-l {
border-bottom-left-radius: var(--mg-bw-2);
border-top-left-radius: var(--mg-bw-2);
}
|
.br-left-2-l
|
br-left-3-l
|
.br-left-3-l {
border-bottom-left-radius: var(--mg-bw-3);
border-top-left-radius: var(--mg-bw-3);
}
|
.br-left-3-l
|
br-left-4-l
|
.br-left-4-l {
border-bottom-left-radius: var(--mg-bw-4);
border-top-left-radius: var(--mg-bw-4);
}
|
.br-left-4-l
|
br-left-5-l
|
.br-left-5-l {
border-bottom-left-radius: var(--mg-bw-5);
border-top-left-radius: var(--mg-bw-5);
}
|
.br-left-5-l
|
br-left-100-l
|
.br-left-100-l {
border-bottom-left-radius: 100%;
border-top-left-radius: 100%;
}
|
.br-left-100-l
|
br-left-pill-l
|
.br-left-pill-l {
border-bottom-left-radius: 999px;
border-top-left-radius: 999px;
}
|
.br-left-pill-l
|
br-right*
|
Border Radius right
|
br-right-0-l
|
.br-right-0-l {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
|
.br-right-0-l
|
br-right-1-l
|
.br-right-1-l {
border-bottom-right-radius: var(--mg-bw-1);
border-top-right-radius: var(--mg-bw-1);
}
|
.br-right-1-l
|
br-right-2-l
|
.br-right-2-l {
border-bottom-right-radius: var(--mg-bw-2);
border-top-right-radius: var(--mg-bw-2);
}
|
.br-right-2-l
|
br-right-3-l
|
.br-right-3-l {
border-bottom-right-radius: var(--mg-bw-3);
border-top-right-radius: var(--mg-bw-3);
}
|
.br-right-3-l
|
br-right-4-l
|
.br-right-4-l {
border-bottom-right-radius: var(--mg-bw-4);
border-top-right-radius: var(--mg-bw-4);
}
|
.br-right-4-l
|
br-right-5-l
|
.br-right-5-l {
border-bottom-right-radius: var(--mg-bw-5);
border-top-right-radius: var(--mg-bw-5);
}
|
.br-right-5-l
|
br-right-100-l
|
.br-right-100-l {
border-bottom-right-radius: 100%;
border-top-right-radius: 100%;
}
|
.br-right-100-l
|
br-right-pill-l
|
.br-right-pill-l {
border-bottom-right-radius: 999px;
border-top-right-radius: 999px;
}
|
.br-right-pill-l
|
br-tr*
|
Border Radius top right
|
br-tr-0-l
|
.br-tr-0-l {
border-top-right-radius: 0;
}
|
.br-tr-0-l
|
br-tr-1-l
|
.br-tr-1-l {
border-top-right-radius: var(--mg-bw-1);
}
|
.br-tr-1-l
|
br-tr-2-l
|
.br-tr-2-l {
border-top-right-radius: var(--mg-bw-2);
}
|
.br-tr-2-l
|
br-tr-3-l
|
.br-tr-3-l {
border-top-right-radius: var(--mg-bw-3);
}
|
.br-tr-3-l
|
br-tr-4-l
|
.br-tr-4-l {
border-top-right-radius: var(--mg-bw-4);
}
|
.br-tr-4-l
|
br-tr-5-l
|
.br-tr-5-l {
border-top-right-radius: var(--mg-bw-5);
}
|
.br-tr-5-l
|
br-tr-100-l
|
.br-tr-100-l {
border-top-right-radius: 100%;
}
|
.br-tr-100-l
|
br-tr-pill-l
|
.br-tr-pill-l {
border-top-right-radius: 999px;
}
|
.br-tr-pill-l
|
br-br*
|
Border Radius bottom right
|
br-br-0-l
|
.br-br-0-l {
border-bottom-right-radius: 0;
}
|
.br-br-0-l
|
br-br-1-l
|
.br-br-1-l {
border-bottom-right-radius: var(--mg-bw-1);
}
|
.br-br-1-l
|
br-br-2-l
|
.br-br-2-l {
border-bottom-right-radius: var(--mg-bw-2);
}
|
.br-br-2-l
|
br-br-3-l
|
.br-br-3-l {
border-bottom-right-radius: var(--mg-bw-3);
}
|
.br-br-3-l
|
br-br-4-l
|
.br-br-4-l {
border-bottom-right-radius: var(--mg-bw-4);
}
|
.br-br-4-l
|
br-br-5-l
|
.br-br-5-l {
border-bottom-right-radius: var(--mg-bw-5);
}
|
.br-br-5-l
|
br-br-100-l
|
.br-br-100-l {
border-bottom-right-radius: 100%;
}
|
.br-br-100-l
|
br-br-pill-l
|
.br-br-pill-l {
border-bottom-right-radius: 999px;
}
|
.br-br-pill-l
|
br-tl*
|
Border Radius top left
|
br-tl-0-l
|
.br-tl-0-l {
border-top-left-radius: 0;
}
|
.br-tl-0-l
|
br-tl-1-l
|
.br-tl-1-l {
border-top-left-radius: var(--mg-bw-1);
}
|
.br-tl-1-l
|
br-tl-2-l
|
.br-tl-2-l {
border-top-left-radius: var(--mg-bw-2);
}
|
.br-tl-2-l
|
br-tl-3-l
|
.br-tl-3-l {
border-top-left-radius: var(--mg-bw-3);
}
|
.br-tl-3-l
|
br-tl-4-l
|
.br-tl-4-l {
border-top-left-radius: var(--mg-bw-4);
}
|
.br-tl-4-l
|
br-tl-5-l
|
.br-tl-5-l {
border-top-left-radius: var(--mg-bw-5);
}
|
.br-tl-5-l
|
br-tl-100-l
|
.br-tl-100-l {
border-top-left-radius: 100%;
}
|
.br-tl-100-l
|
br-tl-pill-l
|
.br-tl-pill-l {
border-top-left-radius: 999px;
}
|
.br-tl-pill-l
|
br-bl*
|
Border Radius bottom left
|
br-bl-0-l
|
.br-bl-0-l {
border-bottom-left-radius: 0;
}
|
.br-bl-0-l
|
br-bl-1-l
|
.br-bl-1-l {
border-bottom-left-radius: var(--mg-bw-1);
}
|
.br-bl-1-l
|
br-bl-2-l
|
.br-bl-2-l {
border-bottom-left-radius: var(--mg-bw-2);
}
|
.br-bl-2-l
|
br-bl-3-l
|
.br-bl-3-l {
border-bottom-left-radius: var(--mg-bw-3);
}
|
.br-bl-3-l
|
br-bl-4-l
|
.br-bl-4-l {
border-bottom-left-radius: var(--mg-bw-4);
}
|
.br-bl-4-l
|
br-bl-5-l
|
.br-bl-5-l {
border-bottom-left-radius: var(--mg-bw-5);
}
|
.br-bl-5-l
|
br-bl-100-l
|
.br-bl-100-l {
border-bottom-left-radius: 100%;
}
|
.br-bl-100-l
|
br-bl-pill-l
|
.br-bl-pill-l {
border-bottom-left-radius: 999px;
}
|
.br-bl-pill-l
|