development/github-desktop
development/github-desktop
1
0
Fork 0
mirror of https://github.com/desktop/desktop synced 2024-10-30 17:25:09 +00:00
Code Issues Projects Releases Packages Wiki Activity

Extract horizontal rule styles

Browse source 
We're using them in the sign in dialog as well
This commit is contained in:
Markus Olsson 2017-02-20 18:43:06 +01:00
parent 848c2d56af
commit ca965d268c
3 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/styles/_ui.scss
View file

@ -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
View 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;
}
}

22
app/styles/ui/_welcome.scss
View file

@ -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%;
}