mirror of
https://github.com/penpot/penpot.git
synced 2025-03-13 16:21:57 -05:00
💄 Use theme colors for rules
This commit is contained in:
parent
6004ea31e4
commit
ff14d05ba2
2 changed files with 15 additions and 6 deletions
|
@ -102,12 +102,23 @@
|
|||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0px;
|
||||
|
||||
rect {
|
||||
fill: $canvas-bg;
|
||||
}
|
||||
path {
|
||||
stroke: $medium-ui-text;
|
||||
}
|
||||
}
|
||||
|
||||
.vertical-rule {
|
||||
transition: none;
|
||||
pointer-events: none;
|
||||
left: 0px;
|
||||
|
||||
rect {
|
||||
fill: $canvas-bg;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -111,7 +111,7 @@
|
|||
labels (->> (map (partial horizontal-text-label zoom) +ticks+)
|
||||
(filterv identity))]
|
||||
[:g {}
|
||||
[:path {:d (str/join " " path) :stroke "#9da2a6"}]
|
||||
[:path {:d (str/join " " path)}]
|
||||
labels]))
|
||||
|
||||
;; --- Vertical Rule Ticks (Component)
|
||||
|
@ -124,7 +124,7 @@
|
|||
labels (->> (map (partial vertical-text-label zoom) +ticks+)
|
||||
(filterv identity))]
|
||||
[:g {}
|
||||
[:path {:d (str/join " " path) :stroke "#9da2a6"}]
|
||||
[:path {:d (str/join " " path)}]
|
||||
labels]))
|
||||
|
||||
;; --- Horizontal Rule (Component)
|
||||
|
@ -140,8 +140,7 @@
|
|||
{:width c/viewport-width
|
||||
:height 20}
|
||||
[:rect {:height 20
|
||||
:width c/viewport-width
|
||||
:fill "rgb(233, 234, 235)"}]
|
||||
:width c/viewport-width}]
|
||||
[:g {:transform (str "translate(" translate-x ", 0)")}
|
||||
(horizontal-rule-ticks zoom)]]))
|
||||
|
||||
|
@ -163,5 +162,4 @@
|
|||
[:rect {:x 0
|
||||
:y 0
|
||||
:height 20
|
||||
:width 20
|
||||
:fill "rgb(233, 234, 235)"}]]))
|
||||
:width 20}]]))
|
||||
|
|
Loading…
Add table
Reference in a new issue