Sha256: cbedccaabb705b208ccb6cab64755d4bbc65f0685a71ad8a036be8e19a4ead2b
Contents?: true
Size: 1.71 KB
Versions: 13
Compression:
Stored size: 1.71 KB
Contents
.divider {
display: block; position: relative;
padding: 0;
overflow: hidden;
text-align: center;
&, & > * { background: transparent; }
& > * {
position: relative;
margin: 0 auto;
// do not disturb button padding
&:not(.btn) { padding: 0; }
&:not(.btn-divided), &:not(.btn-splited) { display: block; display: inline-block; }
&.btn-divided, &.btn-splited {
max-width: 50%;
margin: 0 auto;
}
&:before, &:after {
display: block; position: absolute; content: "";
margin: 0; padding: 0;
top: 50%;
width: 1200px; // make it big to fill big screens as well
}
&:before { left: 100%; margin-left: $divider-horizontal-spacing; }
&:after { right: 100%; margin-right: $divider-horizontal-spacing; }
}
&.left {
text-align: left;
&:before { width: 2200px; }
&:after { display: none; }
}
}
hr {
display: block; position: relative;
margin: 0; padding: 0;
height: 0;
}
// margin
hr, .divider { @include vertical-margin( $divider-vertical-spacing ); }
// line-colors
hr, .divider > *:before, .divider > *:after {
border: none;
border-top: solid 1px $divider-top-color;
border-bottom: solid 1px $divider-bottom-color;
}
// sizes
hr, .divider {
&.half, &.tight { @include horizontal-margin( auto ); }
&.half { width: 50%; }
&.tight { width: 80%; }
&.no-press { margin: 0; }
&.no-press-top, &.no-top-press { margin-top: 0; }
&.no-press-bottom, &.no-bottom-press { margin-bottom: 0; }
&.half-press, &.press-half { @include vertical-margin( $divider-vertical-spacing / 2 ); }
}
Version data entries
13 entries across 13 versions & 1 rubygems