Skip to content

Commit

Permalink
Merge pull request #230 from slavamuravey/replace-less-scss
Browse files Browse the repository at this point in the history 
Replace less to scss
  • Loading branch information
@slavamuravey
slavamuravey authored Aug 2, 2024
2 parents 69ccf97 + 1239620 commit 22d2236
Show file tree
Hide file tree
Showing 35 changed files with 362 additions and 317 deletions.
89 changes: 47 additions & 42 deletions dist/rc-dock-dark.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@charset "UTF-8";
body > .dragging-layer {
position: absolute !important;
z-index: 9999;
Expand Down Expand Up @@ -29,14 +30,17 @@ body > .dragging-layer > div:last-child {
left: 12px;
top: 12px;
}

.drag-initiator {
user-select: none;
-webkit-user-select: none;
touch-action: none;
}

.drag-accept-reject::after {
content: "🚫";
}

.dock {
box-sizing: border-box;
width: 100%;
Expand Down Expand Up @@ -98,8 +102,7 @@ body > .dragging-layer > div:last-child {
.dock-tab:hover {
color: #40a5ed;
}
.dock-tab-active,
.dock-tab-active:hover {
.dock-tab-active, .dock-tab-active:hover {
color: #108ee9;
cursor: default;
transform: translateZ(0);
Expand All @@ -114,10 +117,7 @@ body > .dragging-layer > div:last-child {
.dock-content-animated {
transition: margin 0.3s;
}
.dock-bottom > .dock-nav .dock-ink-bar-animated,
.dock-top > .dock-nav .dock-ink-bar-animated,
.dock-bottom > div > .dock-nav .dock-ink-bar-animated,
.dock-top > div > .dock-nav .dock-ink-bar-animated {
.dock-bottom > .dock-nav .dock-ink-bar-animated, .dock-bottom > div > .dock-nav .dock-ink-bar-animated, .dock-top > .dock-nav .dock-ink-bar-animated, .dock-top > div > .dock-nav .dock-ink-bar-animated {
transition: width 0.3s, left 0.3s, right 0.3s;
}
.dock-content-animated .dock-tabpane {
Expand Down Expand Up @@ -164,7 +164,7 @@ body > .dragging-layer > div:last-child {
.dock-tab-close-btn {
position: absolute;
cursor: pointer;
font-family: 'Fredoka One', sans-serif;
font-family: "Fredoka One", sans-serif;
color: #444;
right: -3px;
font-size: 12px;
Expand All @@ -177,13 +177,11 @@ body > .dragging-layer > div:last-child {
.dock-tab-close-btn:before {
content: "X";
}
.dock-tab-close-btn:hover,
.dock-tab-close-btn:focus {
.dock-tab-close-btn:hover, .dock-tab-close-btn:focus {
color: #fff;
transform: scale(1.1, 1.1);
}
.dock-tab:hover .dock-tab-close-btn,
.dock-tab-close-btn:focus {
.dock-tab:hover .dock-tab-close-btn, .dock-tab-close-btn:focus {
opacity: 1;
color: #a2a2a2;
}
Expand Down Expand Up @@ -239,7 +237,7 @@ body > .dragging-layer > div:last-child {
.dock-nav-more::after {
position: absolute;
z-index: 1;
content: '';
content: "";
pointer-events: none;
width: 30px;
height: 30px;
Expand Down Expand Up @@ -325,24 +323,26 @@ body > .dragging-layer > div:last-child {
right: 2px;
}
.dock-dropdown-menu-item:hover {
background: #2b2b2b;
background: #2c2c2c;
}
.dock-dropdown-menu-item-disabled,
.dock-dropdown-menu-item-disabled:hover {
.dock-dropdown-menu-item-disabled, .dock-dropdown-menu-item-disabled:hover {
color: #ccc;
background: 0 0;
cursor: not-allowed;
}

body.dock-dragging .dock-tab-hit-area {
pointer-events: inherit;
}

body.dock-dragging {
user-select: none;
-webkit-user-select: none;
}
body.dock-dragging iframe {
pointer-events: none;
}

.dock-panel {
box-sizing: border-box;
position: relative;
Expand Down Expand Up @@ -414,11 +414,13 @@ body.dock-dragging iframe {
height: 17px;
cursor: nwse-resize;
}

.dock-box {
box-sizing: border-box;
display: flex;
align-items: stretch;
}

.divider-box {
box-sizing: border-box;
display: flex;
Expand All @@ -427,23 +429,27 @@ body.dock-dragging iframe {
.divider-box > *:nth-child(odd) {
flex: 1 1 auto;
}

.dock-divider {
box-sizing: border-box;
flex: 0 0 4px;
background: rgba(0, 0, 0, 0);
z-index: 1;
}

.dock-hbox > .dock-divider {
transform: scaleX(3);
cursor: ew-resize;
}

.dock-vbox {
flex-direction: column;
}
.dock-vbox > .dock-divider {
transform: scaleY(3);
cursor: ns-resize;
}

.dock-fbox {
pointer-events: none;
z-index: 200;
Expand All @@ -457,6 +463,7 @@ body.dock-dragging iframe {
opacity: 0.8;
pointer-events: none;
}

.dock-mbox {
z-index: 250;
width: 100%;
Expand All @@ -477,6 +484,7 @@ body.dock-dragging iframe {
opacity: 0;
animation: dock-mbox-hide 0.2s ease;
}

@keyframes dock-mbox-show {
from {
transform: scale(0.9, 0.9);
Expand Down Expand Up @@ -509,6 +517,7 @@ body.dock-dragging iframe {
width: 100%;
height: 100%;
}

.dock-layout {
overflow: hidden;
position: relative;
Expand All @@ -530,6 +539,7 @@ body.dock-dragging iframe {
display: none;
transition: all 0.1s ease-out;
}

.dock-drop-edge {
position: absolute;
top: 30px;
Expand All @@ -541,6 +551,7 @@ body.dock-dragging iframe {
border: none;
opacity: 0.01;
}

.dock-drop-layer {
position: absolute;
pointer-events: none;
Expand All @@ -556,7 +567,7 @@ body.dock-dragging iframe {
z-index: 300;
width: 32px;
height: 32px;
font-family: 'Fredoka One', sans-serif;
font-family: "Fredoka One", sans-serif;
color: #444;
background: #141414;
border: 1px solid transparent;
Expand Down Expand Up @@ -594,7 +605,7 @@ body.dock-dragging iframe {
width: 16px;
}
.dock-drop-layer .dock-drop-left::before {
content: '>';
content: ">";
transform: rotate(180deg);
}
.dock-drop-layer .dock-drop-right {
Expand All @@ -605,7 +616,7 @@ body.dock-dragging iframe {
width: 16px;
}
.dock-drop-layer .dock-drop-right::before {
content: '>';
content: ">";
}
.dock-drop-layer .dock-drop-top {
top: calc(50% - 48px);
Expand All @@ -618,7 +629,7 @@ body.dock-dragging iframe {
line-height: 14px;
}
.dock-drop-layer .dock-drop-top::before {
content: '>';
content: ">";
transform: rotate(270deg);
}
.dock-drop-layer .dock-drop-bottom {
Expand All @@ -632,21 +643,22 @@ body.dock-dragging iframe {
line-height: 14px;
}
.dock-drop-layer .dock-drop-bottom::before {
content: '>';
content: ">";
transform: rotate(90deg);
}
.dock-drop-layer .dock-drop-square-dropping {
background: #125d94;
color: white;
}

.dock-panel.dock-panel-dropping .dock-tab-close-btn {
pointer-events: none;
}
.dock-panel-max-btn,
.dock-panel-min-btn {

.dock-panel-max-btn, .dock-panel-min-btn {
height: 25px;
width: 21px;
font-family: 'Fredoka One', sans-serif;
font-family: "Fredoka One", sans-serif;
margin: 2px 2px 2px 0;
padding: 6px 4px 4px 2px;
cursor: pointer;
Expand All @@ -655,8 +667,7 @@ body.dock-dragging iframe {
user-select: none;
box-sizing: border-box;
}
.dock-panel-max-btn:before,
.dock-panel-min-btn:before {
.dock-panel-max-btn:before, .dock-panel-min-btn:before {
position: absolute;
content: " ";
border: 2px solid #444;
Expand All @@ -665,22 +676,16 @@ body.dock-dragging iframe {
height: 13px;
box-sizing: border-box;
}
.dock-panel-max-btn:hover,
.dock-panel-min-btn:hover,
.dock-panel-max-btn:focus,
.dock-panel-min-btn:focus {
.dock-panel-max-btn:hover, .dock-panel-max-btn:focus, .dock-panel-min-btn:hover, .dock-panel-min-btn:focus {
color: #a2a2a2;
}
.dock-panel-max-btn:hover:before,
.dock-panel-min-btn:hover:before,
.dock-panel-max-btn:focus:before,
.dock-panel-min-btn:focus:before {
.dock-panel-max-btn:hover:before, .dock-panel-max-btn:focus:before, .dock-panel-min-btn:hover:before, .dock-panel-min-btn:focus:before {
border-color: #a2a2a2;
}
.dock-panel-max-btn:hover,
.dock-panel-min-btn:hover {
.dock-panel-max-btn:hover, .dock-panel-min-btn:hover {
transform: scale(1.1);
}

.dock-panel-min-btn:before {
position: absolute;
border-radius: 1px;
Expand All @@ -692,16 +697,17 @@ body.dock-dragging iframe {
font-size: 20px;
line-height: 4px;
}
.dock-panel-min-btn:hover:before,
.dock-panel-min-btn:focus:before {
.dock-panel-min-btn:hover:before, .dock-panel-min-btn:focus:before {
color: #999;
}

.dock-panel.dock-style-place-holder {
border: none;
}
.dock-panel.dock-style-place-holder .dock-bar {
display: none;
}

.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless {
border: none;
}
Expand All @@ -713,15 +719,14 @@ body.dock-dragging iframe {
width: 100%;
transition: all 0.15s ease-in-out;
}
.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:hover,
.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:focus-within,
.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless.dock-panel-dropping .dock-bar {
.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:hover, .dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless .dock-bar:focus-within, .dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless.dock-panel-dropping .dock-bar {
opacity: 1;
height: 31px;
}
.dock-layout > :not(.dock-fbox) .dock-panel.dock-style-headless .dock-content {
height: 100%;
}

.dock-panel.dock-style-main {
border: none;
}
Expand All @@ -732,6 +737,7 @@ body.dock-dragging iframe {
.dock-panel.dock-style-main .dock-tab {
background: #141414;
}

.dock-panel.dock-style-card .dock-tab {
margin-right: 2px;
border: 1px solid #434343;
Expand Down Expand Up @@ -759,8 +765,7 @@ body.dock-dragging iframe {
left: -2px;
right: -2px;
}
.dock-panel.dock-style-card .dock-panel-max-btn,
.dock-panel.dock-style-card .dock-panel-min-btn {
.dock-panel.dock-style-card .dock-panel-max-btn, .dock-panel.dock-style-card .dock-panel-min-btn {
margin-top: 4px;
}
.dock-panel.dock-style-card .dock-tab-close-btn {
Expand Down
Loading

0 comments on commit 22d2236

Please sign in to comment.