BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix code styling

Browse Source
This commit is contained in:
SethBurkart123
2023-08-30 14:46:23 +10:00
parent fc9edbf1c4
commit 75026bdc51
24 changed files with 3610 additions and 1778 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/popup/coloris.css
+69 -21
View File
@@ -7,7 +7,9 @@
border-radius: 10px;
background-color: #fff;
justify-content: space-between;
box-shadow: 0 0 5px rgba(0,0,0,.05), 0 5px 20px rgba(0,0,0,.1);
box-shadow:
0 0 5px rgba(0, 0, 0, 0.05),
0 5px 20px rgba(0, 0, 0, 0.1);
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
@@ -23,7 +25,8 @@
height: 100px;
margin-bottom: 15px;
border-radius: 3px 3px 0 0;
background-image: linear-gradient(rgba(0,0,0,0), #000), linear-gradient(90deg, #fff, currentColor);
background-image: linear-gradient(rgba(0, 0, 0, 0), #000),
linear-gradient(90deg, #fff, currentColor);
cursor: pointer;
}
@@ -62,7 +65,16 @@
}
.clr-hue {
background-image: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
background-image: linear-gradient(
to right,
#f00 0%,
#ff0 16.66%,
#0f0 33.33%,
#0ff 50%,
#00f 66.66%,
#f0f 83.33%,
#f00 100%
);
}
.clr-hue,
@@ -79,7 +91,7 @@
height: 100%;
width: 100%;
border-radius: inherit;
background-image: linear-gradient(90deg, rgba(0,0,0,0), currentColor);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor);
}
.clr-hue input,
@@ -114,7 +126,7 @@
}
.clr-alpha div:before {
content: '';
content: "";
position: absolute;
height: 100%;
width: 100%;
@@ -206,7 +218,7 @@
}
.clr-swatches button:after {
content: '';
content: "";
display: block;
position: absolute;
width: 100%;
@@ -215,7 +227,7 @@
top: 0;
border-radius: inherit;
background-color: currentColor;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
input.clr-color {
@@ -268,7 +280,7 @@ input.clr-color:focus {
.clr-preview:before,
.clr-preview:after {
content: '';
content: "";
position: absolute;
height: 100%;
width: 100%;
@@ -281,7 +293,7 @@ input.clr-color:focus {
.clr-preview:after {
border: 0;
background-color: currentColor;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.clr-marker,
@@ -313,7 +325,7 @@ input.clr-color:focus {
}
.clr-field button:after {
content: '';
content: "";
display: block;
position: absolute;
width: 100%;
@@ -322,7 +334,7 @@ input.clr-color:focus {
top: 0;
border-radius: inherit;
background-color: currentColor;
box-shadow: inset 0 0 1px rgba(0,0,0,.5);
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}
.clr-alpha,
@@ -330,8 +342,25 @@ input.clr-color:focus {
.clr-swatches button,
.clr-preview:before,
.clr-field button {
background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
background-position: 0 0, 4px 4px;
background-image: repeating-linear-gradient(
45deg,
#aaa 25%,
transparent 25%,
transparent 75%,
#aaa 75%,
#aaa
),
repeating-linear-gradient(
45deg,
#aaa 25%,
#fff 25%,
#fff 75%,
#aaa 75%,
#aaa
);
background-position:
0 0,
4px 4px;
background-size: 8px 8px;
}
@@ -344,7 +373,9 @@ input.clr-color:focus {
.clr-keyboard-nav .clr-alpha input:focus + div,
.clr-keyboard-nav .clr-segmented input:focus + label {
outline: none;
box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff;
box-shadow:
0 0 0 2px #1e90ff,
0 0 2px 2px #fff;
}
.clr-picker[data-alpha="false"] .clr-alpha {
@@ -374,7 +405,7 @@ input.clr-color:focus {
}
.clr-dark .clr-swatches button:after {
box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.clr-dark input.clr-color {
@@ -388,25 +419,42 @@ input.clr-color:focus {
}
.clr-dark .clr-preview:after {
box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.clr-dark .clr-alpha,
.clr-dark .clr-alpha div,
.clr-dark .clr-swatches button,
.clr-dark .clr-preview:before {
background-image: repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888);
background-image: repeating-linear-gradient(
45deg,
#666 25%,
transparent 25%,
transparent 75%,
#888 75%,
#888
),
repeating-linear-gradient(
45deg,
#888 25%,
#444 25%,
#444 75%,
#888 75%,
#888
);
}
/** Polaroid theme **/
.clr-picker.clr-polaroid {
border-radius: 6px;
box-shadow: 0 0 5px rgba(0,0,0,.1), 0 5px 30px rgba(0,0,0,.2);
box-shadow:
0 0 5px rgba(0, 0, 0, 0.1),
0 5px 30px rgba(0, 0, 0, 0.2);
}
.clr-picker.clr-polaroid:before {
content: '';
content: "";
display: block;
position: absolute;
width: 16px;
@@ -418,7 +466,7 @@ input.clr-color:focus {
border-bottom-color: currentColor;
box-sizing: border-box;
color: #fff;
filter: drop-shadow(0 -4px 3px rgba(0,0,0,.1));
filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));
pointer-events: none;
}
@@ -454,7 +502,7 @@ input.clr-color:focus {
.clr-polaroid .clr-hue div,
.clr-polaroid .clr-alpha div {
box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.clr-polaroid .clr-format {