Sha256: 6205b712f80a043b0b7b0a3f4b6715ebd09249f825e0fa5958366da1c7e98e9f
Contents?: true
Size: 1.64 KB
Versions: 48
Compression:
Stored size: 1.64 KB
Contents
.divider {
display: block; position: relative;
padding: 0;
// margin: floor($line-height-computed / 2) 0;
background: inherit;
text-align: center;
& > * {
display: inline-block; position: relative;
margin: 0 auto; padding: 0 15px;
background: inherit;
z-index: 3;
&.white { background: $white; }
&.dark { background: $dark-bg; }
&.main { background: $main-bg; }
&.soft { background: $main-bg; }
}
&:after {
display: block; position: absolute; content: "";
margin: -1px 0 0; padding: 0;
top: 50%; height: 0;
left: 0; right: 0;
z-index: 1;
}
}
hr {
display: block; position: relative;
// margin: floor($line-height-computed / 2) 0;
padding: 0;
height: 0;
border: none;
}
hr, .divider { margin: $line-height-computed 0; }
hr, .divider:after {
border-top: solid 1px $main-border-color;
border-bottom: solid 1px $white;
}
.section {
.divider & > * { background: $main-bg; }
hr, .divider:after {
border-top: solid 1px $main-border-color;
border-bottom: solid 1px $white;
}
&.dark {
.divider & > * { background: $dark-bg; }
hr, .divider:after {
border-top: solid 1px $gray;
border-bottom: solid 1px $white;
}
}
&.bright {
.divider & > * { background: $bright-bg; }
hr, .divider:after {
border-top: solid 1px $main-border-color;
border-bottom: solid 1px $white;
}
}
&.brand {
.divider & > * { background: $brand-bg; }
hr, .divider:after {
border-top: solid 1px $main-border-color;
border-bottom: solid 1px $white;
}
}
&.soft {
.divider & > * { background: $soft-bg; }
hr, .divider:after {
border-top: solid 1px $main-border-color;
border-bottom: solid 1px $white;
}
}
}
Version data entries
48 entries across 48 versions & 1 rubygems