|
@@ -317,3 +317,43 @@
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.corner-border {
|
|
|
|
|
+ --corner-size: 4px;
|
|
|
|
|
+ --corner-offset: -1px;
|
|
|
|
|
+ --corner-border-width: 1px;
|
|
|
|
|
+ --corner-border-color: #979797;
|
|
|
|
|
+ --corner-border-style: var(--corner-border-width) solid var(--corner-border-color);
|
|
|
|
|
+
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: var(--corner-size);
|
|
|
|
|
+ height: var(--corner-size);
|
|
|
|
|
+
|
|
|
|
|
+ &.lt-border {
|
|
|
|
|
+ top: var(--corner-offset);
|
|
|
|
|
+ left: var(--corner-offset);
|
|
|
|
|
+ border-top: var(--corner-border-style);
|
|
|
|
|
+ border-left: var(--corner-border-style);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.rt-border {
|
|
|
|
|
+ top: var(--corner-offset);
|
|
|
|
|
+ right: var(--corner-offset);
|
|
|
|
|
+ border-top: var(--corner-border-style);
|
|
|
|
|
+ border-right: var(--corner-border-style);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.lb-border {
|
|
|
|
|
+ bottom: var(--corner-offset);
|
|
|
|
|
+ left: var(--corner-offset);
|
|
|
|
|
+ border-bottom: var(--corner-border-style);
|
|
|
|
|
+ border-left: var(--corner-border-style);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.rb-border {
|
|
|
|
|
+ right: var(--corner-offset);
|
|
|
|
|
+ bottom: var(--corner-offset);
|
|
|
|
|
+ border-right: var(--corner-border-style);
|
|
|
|
|
+ border-bottom: var(--corner-border-style);
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
