summaryrefslogtreecommitdiffstats
path: root/src/css/settings.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 05:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 05:47:55 +0000
commit31d6ff6f931696850c348007241195ab3b2eddc7 (patch)
tree615cb1c57ce9f6611bad93326b9105098f379609 /src/css/settings.css
parentInitial commit. (diff)
downloadublock-origin-31d6ff6f931696850c348007241195ab3b2eddc7.tar.xz
ublock-origin-31d6ff6f931696850c348007241195ab3b2eddc7.zip
Adding upstream version 1.55.0+dfsg.upstream/1.55.0+dfsg
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'src/css/settings.css')
-rw-r--r--src/css/settings.css74
1 files changed, 74 insertions, 0 deletions
diff --git a/src/css/settings.css b/src/css/settings.css
new file mode 100644
index 0000000..61a8c0e
--- /dev/null
+++ b/src/css/settings.css
@@ -0,0 +1,74 @@
+body {
+ margin-bottom: 6rem;
+ }
+
+.synopsis {
+ color: var(--ink-0);
+ font-size: var(--font-size-smaller);
+ opacity: var(--medium-em);
+ }
+
+/* surface/ink */
+#themeMood {
+ align-items: stretch;
+ align-self: stretch;
+ display: inline-flex;
+ justify-content: stretch;
+ user-select: none;
+ }
+#themeMood > span {
+ border: 1px solid var(--ink-1);
+ color: var(--ink-1);
+ display: inline-flex;
+ background-color: var(--surface-1);
+ display: inline-block;
+ padding: 0 0.5em;
+ text-align: center;
+ user-select: none;
+ }
+
+/* primary color */
+#themePrimary {
+ align-items: stretch;
+ align-self: stretch;
+ display: inline-flex;
+ justify-content: stretch;
+ position: relative;
+ }
+#themePrimary > span {
+ background-color: rgb(var(--primary-50));
+ display: inline-flex;
+ width: 2em;
+ }
+
+[href="advanced-settings.html"] {
+ display: none;
+ }
+body.advancedUser [href="advanced-settings.html"] {
+ display: inline-flex;
+ }
+
+#localData > div {
+ margin-bottom: var(--default-gap-small);
+ }
+#localData > div:last-of-type {
+ align-items: flex-start;
+ display: flex;
+ flex-direction: column;
+ }
+#localData > div:last-of-type > button {
+ margin-bottom: var(--default-gap-small);
+ min-width: 280px;
+ }
+
+/* Mobile devices */
+
+:root.mobile #localData {
+ max-width: 100vw;
+ }
+:root.mobile #localData > div:last-of-type {
+ align-items: stretch;
+ }
+:root.mobile #localData > div:last-of-type > button {
+ min-width: unset;
+ }