TimeChain/src/less/controls/app-divider.less
Jason Tudisco 80a596ea44 Removed all the css in the controls and put them in there own file in the less directory. (https://lesscss.org/)
Added sass  (css) to parcel transformers so I could modify the tagigy control style easy.
removed buttons from paste input.
Added keybinding for keyboard control.
Fixed bug with bad tags in paste list control.
Timestamp control can now show unix time by double clicking it.
Added sentry error reporter so errors can be recorded.
Added new font for minimalist style look.
2022-02-10 05:48:37 -06:00

40 lines
1.7 KiB
Plaintext

@divider-color: @default_text_color_medium;
app-divider {
.divider { /* minor cosmetics */
display: table;
font-size: 24px;
text-align: center;
width: 75%; /* divider width */
margin: 40px auto; /* spacing above/below */
}
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child {
width: 50%;
top: 13px; /* adjust vertical align */
-moz-background-size: 100% 2px; /* line width */
background-size: 100% 2px; /* line width */
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
}
.divider span:first-child { /* color changes in here */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(@divider-color));
background-image: -webkit-linear-gradient(180deg, transparent, @divider-color);
background-image: -moz-linear-gradient(180deg, transparent, @divider-color);
background-image: -o-linear-gradient(180deg, transparent, @divider-color);
background-image: linear-gradient(90deg, transparent, @divider-color);
}
.divider span:nth-child(2) {
color: @divider-color; padding: 0px 5px; width: auto; white-space: nowrap;
}
.divider span:last-child { /* color changes in here */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@divider-color), to(transparent));
background-image: -webkit-linear-gradient(180deg, @divider-color, transparent);
background-image: -moz-linear-gradient(180deg, @divider-color, transparent);
background-image: -o-linear-gradient(180deg, @divider-color, transparent);
background-image: linear-gradient(90deg, @divider-color, transparent);
}
}