style textview border

pull/463/head
Horst3180 8 years ago
parent 0573472a16
commit 3a41c93ff4

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #3c414e;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #3c414e;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus {
border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;

@ -87,6 +87,32 @@ textview {
}
}
textview border {
background-color: mix($bg_color, $base_color, 50%);
background-image: image(transparentize(black, 0.8)); // HACK: the border node just draws background so,
background-repeat: no-repeat; // using a background-image to draw the border
&.bottom {
background-size: 100% 1px;
background-position: top;
}
&.top {
background-size: 100% 1px;
background-position: bottom;
}
&.left {
background-size: 1px 100%;
background-position: right;
}
&.right {
background-size: 1px 100%;
background-position: left;
}
}
iconview { @extend .view; }
rubberband,

Loading…
Cancel
Save