mirror of
https://github.com/desktop/desktop
synced 2024-10-30 17:25:09 +00:00
Extract horizontal rule styles
We're using them in the sign in dialog as well
This commit is contained in:
parent
848c2d56af
commit
ca965d268c
3 changed files with 23 additions and 22 deletions
|
@ -42,3 +42,4 @@
|
|||
@import "ui/expand-foldout-button";
|
||||
@import "ui/discard-changes";
|
||||
@import "ui/filter-list";
|
||||
@import "ui/horizontal-rule";
|
||||
|
|
22
app/styles/ui/_horizontal-rule.scss
Normal file
22
app/styles/ui/_horizontal-rule.scss
Normal file
|
@ -0,0 +1,22 @@
|
|||
.horizontal-rule {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&:after {
|
||||
border-bottom: var(--base-border);
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0.6em;
|
||||
}
|
||||
|
||||
.horizontal-rule-content {
|
||||
display: inline-block;
|
||||
background: var(--background-color);
|
||||
padding: 0 0.5em;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
|
@ -82,28 +82,6 @@
|
|||
right: 0;
|
||||
}
|
||||
|
||||
.horizontal-rule {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
border-bottom: var(--base-border);
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0.6em;
|
||||
}
|
||||
|
||||
.horizontal-rule-content {
|
||||
display: inline-block;
|
||||
background: var(--background-color);
|
||||
padding: 0 0.5em;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.sign-in-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue