mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
style textview border
This commit is contained in:
Horst3180
parent
0573472a16
commit
3a41c93ff4
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
border: 1px solid #2679db;
|
||||||
|
|||||||
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
border: 1px solid #2679db;
|
||||||
|
|||||||
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
border: 1px solid #2679db;
|
||||||
|
|||||||
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
border: 1px solid #2679db;
|
||||||
|
|||||||
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
border: 1px solid #2679db;
|
||||||
|
|||||||
@ -54,6 +54,23 @@ textview text {
|
|||||||
textview text:selected:focus {
|
textview text:selected:focus {
|
||||||
border-radius: 2px; }
|
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, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border: 1px solid #2679db;
|
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; }
|
iconview { @extend .view; }
|
||||||
|
|
||||||
rubberband,
|
rubberband,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user