diff --git a/public/assets/css/src/_forms-section.scss b/public/assets/css/src/_forms-section.scss index 831b942..5a4d342 100644 --- a/public/assets/css/src/_forms-section.scss +++ b/public/assets/css/src/_forms-section.scss @@ -1,34 +1,35 @@ -.settings__container { - margin: var(--space-m) 0; +// .settings__container { +// margin: var(--space-m) 0; - h2 { - margin-bottom: var(--space); +// h2 { +// margin-bottom: var(--space); - font-weight: 600; - font-size: 1.4rem; +// font-weight: 600; +// font-size: 1.4rem; - border-bottom: 1px solid var(--color-200); - color: var(--color-800); - } +// border-bottom: 1px solid var(--color-200); +// color: var(--color-800); +// } - .infos { - font-size: 0.8rem; - color: var(--color-interface-400); - } -} +// .infos { +// font-size: 0.8rem; +// color: var(--color-interface-400); +// } +// } -.setting__section:not(:last-child) { - border-bottom: 1px solid var(--color-interface-100); -} +// .setting__section:not(:last-child) { +// border-bottom: 1px solid var(--color-interface-100); +// } -.setting__section { - padding: var(--space-xs) 0; +// .setting__section { +// padding: var(--space-s) 0; - h3 { - margin-top: calc(var(--space-xs) * 1.5); - margin-bottom: calc(var(--space-xs) * 2); - // color: var(--color-600); - font-size: 1rem; - font-weight: 600; - } -} +// h3 { +// margin-top: calc(var(--space-xs) * 1.5); +// margin-bottom: calc(var(--space-xs) * 2); +// // color: var(--color-600); +// font-size: 1rem; +// font-weight: 600; +// color: red; +// } +// } diff --git a/public/assets/css/src/_forms.scss b/public/assets/css/src/_forms.scss index 7e93807..097184b 100644 --- a/public/assets/css/src/_forms.scss +++ b/public/assets/css/src/_forms.scss @@ -8,126 +8,71 @@ input[type="number"] { color: var(--color-txt); font-size: 1rem; padding-left: 0.5ch; - // min-width: var(--input-w); - // width: 100%; - // padding: 0 1ch; + padding-right: 0.5ch; } -.field { +input[type="number"]{ + padding-left: 0.75ch; +} + +select{ + flex-grow: 1; + width: 100%; +} + +.input-with-unit{ + display: flex; + align-items: center; + gap: 0.5ch; - label { - font-weight: 600; - color: var(--color-800); + input[type="range"]{ + flex-grow: 1; + margin-right: 1ch; } - .input-with-unit { - display: flex; - gap: 0.3rem; + .number-input{ + --input-w: 4ch; + flex-grow: 1; + max-width: calc(var(--input-w)*1.75); + display: flex; + align-items: center; + + .number-input{ + flex-grow: 1; + display: flex; + align-items: center; + + + } + input[type="number"]{ + width: var(--input-w); + padding-right: calc(var(--input-w)*0.5); + + } } - .unit-toggle { - height: var(--input-h); + .unit-toggle{ display: flex; - gap: 0.3rem; align-items: center; + gap: 0.25ch; + } - - .input-with-color { - width: 100%; - .clr-field { - width: 100%; - display: grid; - grid-template-columns: var(--input-h) 1fr; - grid-gap: 1ch; - button { - grid-column: 1; - position: relative; - border-radius: var(--border-radius); - cursor: pointer; - pointer-events: auto; - } - input { - grid-column: 2; - } - } - } + } -.field { - display: grid; - grid-template-columns: var(--label-w) 1fr; - label { - align-self: center; +.field-checkbox{ + display: flex; + align-items: center; + gap: 0.5ch; + input[type="checkbox"]{ + accent-color: var(--color-interface-800); } + } -.field-font { - display: grid; - grid-template-columns: var(--label-w) 1fr; - grid-template-rows: var(--input-h) var(--input-h); - - - .field-font__options{ - display: grid; - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); - - select { - width: 100%; - grid-column: span 2; - } - } - .field-checkbox { - padding-top: var(--space-xs); - label { - font-weight: 400; - margin-left: 0.75ch; - color: var(--color-txt); - } - } -} - -.field-text-size { - input[type="number"] { - width: var(--input-w-small); - padding-left: 0.75ch; - } - input[type="range"] { - flex-grow: 2; - flex-shrink: 2; - } -} - -.field-margin, -.field-size { - display: inline-grid; - width: calc(50% - 1ch); - grid-template-columns: 6.5ch var(--input-w-small) 1fr; - margin-bottom: var(--space-xs); - input { - width: var(--input-w-small); - padding-left: 0.75ch; - } - &:nth-of-type(odd) { - margin-right: 2ch; - } -} - -.checkbox-field { - margin: calc(var(--space-xs) * 2) 0; - grid-template-columns: 3ch 1fr; - input { - justify-self: left; - margin: 0; - } -} - -.field--view-only { - opacity: 0.3; -} - -/* Label with CSS tooltip */ +/* Label with tooltip ---------------------------------------------- */ .label-with-tooltip { text-decoration: underline dotted 1px var(--color-200); text-underline-offset: 2px; @@ -161,9 +106,82 @@ input[type="number"] { } } -// INPUT NUMBER =============================================== -// Masquer les spinners natifs partout +// INPUT COLOR ------------------------------------------------ + +.input-with-color { + width: 100%; + .clr-field { + width: 100%; + display: grid; + grid-template-columns: var(--input-h) minmax(0, 1fr); + grid-gap: 1ch; + button { + grid-column: 1; + position: relative; + border-radius: var(--border-radius); + cursor: pointer; + pointer-events: auto; + } + input { + grid-column: 2; + } + } + } + + +// INPUT RANGE --------------------------------------------- + +input[type="range"] { + -webkit-appearance: none; + appearance: none; + background: transparent; + cursor: pointer; + + &::-webkit-slider-runnable-track { + height: 6px; + background: linear-gradient(to right, var(--color-interface-400) var(--progress, 0%), var(--color-interface-200) var(--progress, 0%)); + border: none; + border-radius: 2px; + } + &::-moz-range-track { + height: 6px; + background: linear-gradient(to right, var(--color-interface-400) var(--progress, 0%), var(--color-interface-200) var(--progress, 0%)); + border: none; + border-radius: 2px; + } + + + &::-moz-range-progress { + height: 6px; + background: var(--color-interface-400); + border: none; + border-radius: 2px; + } + + // Thumb + &::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 14px; + height: 14px; + background: var(--color-interface-900); + border: none; + border-radius: 3px; + margin-top: -5px; + } + &::-moz-range-thumb { + width: 14px; + height: 14px; + background: var(--color-interface-900); + border: none; + border-radius: 3px; + } +} + +// INPUT NUMBER --------------------------------------------- + +// disable natif input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; @@ -177,7 +195,6 @@ input[type="number"] { .number-input { position: relative; - // padding: 0 1ch!important; input { padding-top: 0; padding-bottom: 0; @@ -216,66 +233,3 @@ input[type="number"] { } } } -// Composant NumberInput avec boutons personnalisés -// .number-input { -// position: relative; -// display: flex; -// align-items: center; -// width: 100%; -// position: relative; - -// input[type="number"] { -// width: 100%; -// box-sizing: border-box; -// } - -// .spinner-buttons { -// background-color: red; -// position: absolute; -// right: 1px; -// top: 1px; -// bottom: 1px; -// display: flex; -// flex-direction: column; -// justify-content: center; -// gap: 1px; -// z-index: 10; - -// .spinner-btn { -// display: flex; -// align-items: center; -// justify-content: center; -// width: 20px; -// height: 10px; -// padding: 0; -// margin: 0; -// background-color: var(--color-interface-200); -// border: 1px solid var(--color-interface-300); -// border-radius: 2px; -// cursor: pointer; -// transition: background-color 0.15s ease; -// color: var(--color-interface-700); -// line-height: 0; - -// svg { -// width: 8px; -// height: 6px; -// display: block; -// } - -// &:hover:not(:disabled) { -// background-color: var(--color-interface-300); -// color: var(--color-interface-900); -// } - -// &:active:not(:disabled) { -// background-color: var(--color-interface-400); -// } - -// &:disabled { -// opacity: 0.3; -// cursor: not-allowed; -// } -// } -// } -// } diff --git a/public/assets/css/src/_setting__section.scss b/public/assets/css/src/_setting__section.scss new file mode 100644 index 0000000..a176db4 --- /dev/null +++ b/public/assets/css/src/_setting__section.scss @@ -0,0 +1,95 @@ +.setting__section{ + display: grid; + grid-template-columns: 17ch 1fr; + padding: var(--space-s) 0; + + &:not(:last-child) { + border-bottom: 1px solid var(--color-interface-100); +} + + .setting__header{ + height: var(--input-h); + display: flex; + align-items: center; + gap: 1ch; + align-self: start; + + + .label-with-tooltip{ + font-weight: bold; + } + } + + .info-default{ + font-size: 0.7rem; + color: var(--color-interface-500); + margin: 0; + grid-column: 2; + padding-top: 4px; + + } + + +} + + +.setting__section[data-setting="font"] { + .setting__body{ + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + column-gap: 1ch; + margin-bottom: var(--space-xs); + + select{ + grid-column: span 2; + margin-bottom: var(--space-xs); + } + +} + +} + +.setting__section[data-setting="border"] { + .field-border__option{ + display: grid; + width: 100%; + grid-template-columns: 9ch minmax(0, 1fr); + margin-bottom: var(--space-xs); + } +} + + +.setting__section[data-setting="margin"], +.setting__section[data-setting="padding"]{ + display: block; + + .setting__header{ + margin-bottom: var(--space-s); + .label-with-tooltip{ + flex-grow: 1; + } + + .lock-toggle svg{ + color: var(--color-interface-400); + } + .lock-toggle.locked svg{ + color: var(--color-interface-800); + } + } + + .setting__body{ + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + grid-row-gap: var(--space-xs); + grid-column-gap: var(--space-m); + } + + .field-margin{ + display: flex; + align-items: center; + .label-with-tooltip{ + flex-grow: 1; + align-items: center; + } + } +} \ No newline at end of file diff --git a/public/assets/css/src/_settings-popup.scss b/public/assets/css/src/_settings-popup.scss index 3f304df..123ed9e 100644 --- a/public/assets/css/src/_settings-popup.scss +++ b/public/assets/css/src/_settings-popup.scss @@ -1,4 +1,3 @@ -// Common styles for ElementPopup and PagePopup components .settings-popup { position: fixed; @@ -50,11 +49,11 @@ background-color: var(--color-panel-bg); } -.setting__section h4 { - margin: 0 0 0.5rem 0; - font-size: 0.875rem; - font-weight: 600; -} +// .setting__section h4 { +// margin: 0 0 0.5rem 0; +// font-size: 0.875rem; +// font-weight: 600; +// } // Label with CSS tooltip // .label-with-tooltip { @@ -91,27 +90,27 @@ // } // Inheritance lock/unlock button -.inheritance-btn { - display: flex; - align-items: center; - gap: 0.5rem; - padding: 0; - background: transparent; - border: none; - cursor: pointer; - font-size: 0.875rem; - color: #666; - transition: color 0.2s; +// .inheritance-btn { +// display: flex; +// align-items: center; +// gap: 0.5rem; +// padding: 0; +// background: transparent; +// border: none; +// cursor: pointer; +// font-size: 0.875rem; +// color: #666; +// transition: color 0.2s; - &:hover { - color: #333; - } +// &:hover { +// color: #333; +// } - svg { - width: 1.25rem; - height: 1.25rem; - } -} +// svg { +// width: 1.25rem; +// height: 1.25rem; +// } +// } // CSS Editor panel .popup-css { diff --git a/public/assets/css/src/_toggle-setting.scss b/public/assets/css/src/_toggle-setting.scss new file mode 100644 index 0000000..5871089 --- /dev/null +++ b/public/assets/css/src/_toggle-setting.scss @@ -0,0 +1,38 @@ +.toggle-setting { + position: absolute; + opacity: 0; + width: 0; + height: 0; + +} + +.toggle-setting + label { + position: relative; + display: inline-block; + width: 24px; + height: 14px; + background: #ccc; + border-radius: 18px; + transition: background 0.2s ease; + cursor: pointer; + + &::after { + content: ""; + position: absolute; + top: 2px; + left: 2px; + width: 10px; + height: 10px; + background: white; + border-radius: 50%; + transition: transform 0.2s ease; + } +} + +.toggle-setting:checked + label{ + background: var(--color-purple); + + &::after { + transform: translateX(10px); + } +} \ No newline at end of file diff --git a/public/assets/css/src/_variables.scss b/public/assets/css/src/_variables.scss index a9667b8..4d01e0b 100644 --- a/public/assets/css/src/_variables.scss +++ b/public/assets/css/src/_variables.scss @@ -5,10 +5,6 @@ --color-browngray-050: #f5f3f0; --color-browngray-200: #d0c4ba; - - - - --color-txt: var(--color-interface-900); --color-panel-bg: var(--color-interface-050); diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 6c8c431..b19eb98 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -279,115 +279,59 @@ input[type=number] { color: var(--color-txt); font-size: 1rem; padding-left: 0.5ch; + padding-right: 0.5ch; } -.field { - display: flex; +input[type=number] { + padding-left: 0.75ch; } -.field label { - font-weight: 600; - color: var(--color-800); + +select { + flex-grow: 1; + width: 100%; } -.field .input-with-unit { + +.input-with-unit { display: flex; - gap: 0.3rem; + align-items: center; + gap: 0.5ch; } -.field .unit-toggle { - height: var(--input-h); +.input-with-unit input[type=range] { + flex-grow: 1; + margin-right: 1ch; +} +.input-with-unit .number-input { + --input-w: 4ch; + flex-grow: 1; + max-width: calc(var(--input-w) * 1.75); display: flex; - gap: 0.3rem; align-items: center; } -.field .input-with-color { - width: 100%; +.input-with-unit .number-input .number-input { + flex-grow: 1; + display: flex; + align-items: center; } -.field .input-with-color .clr-field { - width: 100%; - display: grid; - grid-template-columns: var(--input-h) 1fr; - grid-gap: 1ch; +.input-with-unit .number-input input[type=number] { + width: var(--input-w); + padding-right: calc(var(--input-w) * 0.5); } -.field .input-with-color .clr-field button { - grid-column: 1; - position: relative; - border-radius: var(--border-radius); - cursor: pointer; - pointer-events: auto; -} -.field .input-with-color .clr-field input { - grid-column: 2; +.input-with-unit .unit-toggle { + display: flex; + align-items: center; + gap: 0.25ch; } -.field { - display: grid; - grid-template-columns: var(--label-w) 1fr; +.field-checkbox { + display: flex; + align-items: center; + gap: 0.5ch; } -.field label { - align-self: center; +.field-checkbox input[type=checkbox] { + accent-color: var(--color-interface-800); } -.field-font { - display: grid; - grid-template-columns: var(--label-w) 1fr; - grid-template-rows: var(--input-h) var(--input-h); -} -.field-font .field-font__options { - display: grid; - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); -} -.field-font .field-font__options select { - width: 100%; - grid-column: span 2; -} -.field-font .field-checkbox { - padding-top: var(--space-xs); -} -.field-font .field-checkbox label { - font-weight: 400; - margin-left: 0.75ch; - color: var(--color-txt); -} - -.field-text-size input[type=number] { - width: var(--input-w-small); - padding-left: 0.75ch; -} -.field-text-size input[type=range] { - flex-grow: 2; - flex-shrink: 2; -} - -.field-margin, -.field-size { - display: inline-grid; - width: calc(50% - 1ch); - grid-template-columns: 6.5ch var(--input-w-small) 1fr; - margin-bottom: var(--space-xs); -} -.field-margin input, -.field-size input { - width: var(--input-w-small); - padding-left: 0.75ch; -} -.field-margin:nth-of-type(odd), -.field-size:nth-of-type(odd) { - margin-right: 2ch; -} - -.checkbox-field { - margin: calc(var(--space-xs) * 2) 0; - grid-template-columns: 3ch 1fr; -} -.checkbox-field input { - justify-self: left; - margin: 0; -} - -.field--view-only { - opacity: 0.3; -} - -/* Label with CSS tooltip */ +/* Label with tooltip ---------------------------------------------- */ .label-with-tooltip { -webkit-text-decoration: underline dotted 1px var(--color-200); text-decoration: underline dotted 1px var(--color-200); @@ -418,6 +362,69 @@ input[type=number] { visibility: visible; } +.input-with-color { + width: 100%; +} +.input-with-color .clr-field { + width: 100%; + display: grid; + grid-template-columns: var(--input-h) minmax(0, 1fr); + grid-gap: 1ch; +} +.input-with-color .clr-field button { + grid-column: 1; + position: relative; + border-radius: var(--border-radius); + cursor: pointer; + pointer-events: auto; +} +.input-with-color .clr-field input { + grid-column: 2; +} + +input[type=range] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent; + cursor: pointer; +} +input[type=range]::-webkit-slider-runnable-track { + height: 6px; + background: linear-gradient(to right, var(--color-interface-400) var(--progress, 0%), var(--color-interface-200) var(--progress, 0%)); + border: none; + border-radius: 2px; +} +input[type=range]::-moz-range-track { + height: 6px; + background: linear-gradient(to right, var(--color-interface-400) var(--progress, 0%), var(--color-interface-200) var(--progress, 0%)); + border: none; + border-radius: 2px; +} +input[type=range]::-moz-range-progress { + height: 6px; + background: var(--color-interface-400); + border: none; + border-radius: 2px; +} +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 14px; + height: 14px; + background: var(--color-interface-900); + border: none; + border-radius: 3px; + margin-top: -5px; +} +input[type=range]::-moz-range-thumb { + width: 14px; + height: 14px; + background: var(--color-interface-900); + border: none; + border-radius: 3px; +} + input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; @@ -460,35 +467,6 @@ input[type=number] { .number-input .spinner-buttons button:hover svg path { fill: var(--color-interface-900); } -.settings__container { - margin: var(--space-m) 0; -} -.settings__container h2 { - margin-bottom: var(--space); - font-weight: 600; - font-size: 1.4rem; - border-bottom: 1px solid var(--color-200); - color: var(--color-800); -} -.settings__container .infos { - font-size: 0.8rem; - color: var(--color-interface-400); -} - -.setting__section:not(:last-child) { - border-bottom: 1px solid var(--color-interface-100); -} - -.setting__section { - padding: var(--space-xs) 0; -} -.setting__section h3 { - margin-top: calc(var(--space-xs) * 1.5); - margin-bottom: calc(var(--space-xs) * 2); - font-size: 1rem; - font-weight: 600; -} - .unit-toggle button:not(.spinner-btn) { cursor: pointer; border: 1px solid var(--color-interface-400); @@ -528,6 +506,42 @@ input[type=number] { background-color: var(--color-interface-100); } +.toggle-setting { + position: absolute; + opacity: 0; + width: 0; + height: 0; +} + +.toggle-setting + label { + position: relative; + display: inline-block; + width: 24px; + height: 14px; + background: #ccc; + border-radius: 18px; + transition: background 0.2s ease; + cursor: pointer; +} +.toggle-setting + label::after { + content: ""; + position: absolute; + top: 2px; + left: 2px; + width: 10px; + height: 10px; + background: white; + border-radius: 50%; + transition: transform 0.2s ease; +} + +.toggle-setting:checked + label { + background: var(--color-purple); +} +.toggle-setting:checked + label::after { + transform: translateX(10px); +} + .settings-popup { position: fixed; background: white; @@ -535,15 +549,9 @@ input[type=number] { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); z-index: 10; width: 860px; - height: 600px; - min-width: 480px; - max-width: 75vw; - min-height: 250px; - max-height: 70vh; + max-height: 600px; display: flex; flex-direction: column; - resize: both; - overflow: hidden; } .popup-header { @@ -553,12 +561,6 @@ input[type=number] { padding: 0.75rem 1rem; border-bottom: 1px solid #e0e0e0; background: #f9f9f9; - cursor: grab; - user-select: none; -} - -.popup-header:active { - cursor: grabbing; } .header-left { @@ -590,32 +592,6 @@ input[type=number] { background-color: var(--color-panel-bg); } -.setting__section h4 { - margin: 0 0 0.5rem 0; - font-size: 0.875rem; - font-weight: 600; -} - -.inheritance-btn { - display: flex; - align-items: center; - gap: 0.5rem; - padding: 0; - background: transparent; - border: none; - cursor: pointer; - font-size: 0.875rem; - color: #666; - transition: color 0.2s; -} -.inheritance-btn:hover { - color: #333; -} -.inheritance-btn svg { - width: 1.25rem; - height: 1.25rem; -} - .popup-css { flex: 1; background: #f5f5f5; @@ -706,6 +682,89 @@ input[type=number] { outline: none; } +.setting__section { + display: grid; + grid-template-columns: 17ch 1fr; + padding: var(--space-s) 0; +} +.setting__section:not(:last-child) { + border-bottom: 1px solid var(--color-interface-100); +} +.setting__section .setting__header { + height: var(--input-h); + display: flex; + align-items: center; + gap: 1ch; + align-self: start; +} +.setting__section .setting__header .label-with-tooltip { + font-weight: bold; +} +.setting__section .info-default { + font-size: 0.7rem; + color: var(--color-interface-500); + margin: 0; + grid-column: 2; + padding-top: 4px; +} + +.setting__section[data-setting=font] .setting__body { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + -moz-column-gap: 1ch; + column-gap: 1ch; + margin-bottom: var(--space-xs); +} +.setting__section[data-setting=font] .setting__body select { + grid-column: span 2; + margin-bottom: var(--space-xs); +} + +.setting__section[data-setting=border] .field-border__option { + display: grid; + width: 100%; + grid-template-columns: 9ch minmax(0, 1fr); + margin-bottom: var(--space-xs); +} + +.setting__section[data-setting=margin], +.setting__section[data-setting=padding] { + display: block; +} +.setting__section[data-setting=margin] .setting__header, +.setting__section[data-setting=padding] .setting__header { + margin-bottom: var(--space-s); +} +.setting__section[data-setting=margin] .setting__header .label-with-tooltip, +.setting__section[data-setting=padding] .setting__header .label-with-tooltip { + flex-grow: 1; +} +.setting__section[data-setting=margin] .setting__header .lock-toggle svg, +.setting__section[data-setting=padding] .setting__header .lock-toggle svg { + color: var(--color-interface-400); +} +.setting__section[data-setting=margin] .setting__header .lock-toggle.locked svg, +.setting__section[data-setting=padding] .setting__header .lock-toggle.locked svg { + color: var(--color-interface-800); +} +.setting__section[data-setting=margin] .setting__body, +.setting__section[data-setting=padding] .setting__body { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + grid-row-gap: var(--space-xs); + grid-column-gap: var(--space-m); +} +.setting__section[data-setting=margin] .field-margin, +.setting__section[data-setting=padding] .field-margin { + display: flex; + align-items: center; +} +.setting__section[data-setting=margin] .field-margin .label-with-tooltip, +.setting__section[data-setting=padding] .field-margin .label-with-tooltip { + flex-grow: 1; + align-items: center; +} + button[disabled] { cursor: not-allowed !important; opacity: 0.6; diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map index b8ef12d..fbbe6e6 100644 --- a/public/assets/css/style.css.map +++ b/public/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_fonts.scss","style.css","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_forms-section.scss","src/_buttons.scss","src/_settings-popup.scss","src/_global.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_fonts.scss","style.css","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_buttons.scss","src/_toggle-setting.scss","src/_settings-popup.scss","src/_setting__section.scss","src/_global.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/public/assets/css/style.scss b/public/assets/css/style.scss index e05b0f7..c3f3ceb 100644 --- a/public/assets/css/style.scss +++ b/public/assets/css/style.scss @@ -7,5 +7,7 @@ @use "src/_forms.scss" as *; @use "src/_forms-section.scss" as *; @use "src/_buttons.scss" as *; +@use "src/_toggle-setting.scss" as *; @use "src/_settings-popup.scss" as *; +@use "src/_setting__section.scss" as *; @use "src/_global.scss" as *; diff --git a/src/components/ElementPopup.vue b/src/components/ElementPopup.vue index 9b393cb..187fa79 100644 --- a/src/components/ElementPopup.vue +++ b/src/components/ElementPopup.vue @@ -21,9 +21,8 @@
- + -

Valeur par défaut : {{ textDefaults.fontFamily === 'sans-serif' ? 'Police système (sans-serif)' : textDefaults.fontFamily }}

- - + +
- - + +
+

Valeur par défaut : {{ textDefaults.fontFamily === 'sans-serif' ? 'Police système (sans-serif)' : textDefaults.fontFamily }}

- + -

Valeur par défaut : {{ textDefaults.fontSize.value }}{{ textDefaults.fontSize.unit }}

+

Valeur par défaut : {{ textDefaults.fontSize.value }}{{ textDefaults.fontSize.unit }}

- + -

Valeur par défaut : {{ textDefaults.lineHeight.value }}{{ textDefaults.lineHeight.unit }}

+

Valeur par défaut : {{ textDefaults.lineHeight.value }}{{ textDefaults.lineHeight.unit }}

- +
@@ -100,9 +100,8 @@
- + -

Valeur par défaut : {{ textDefaults.color }}

@@ -114,13 +113,15 @@ />
+

Valeur par défaut : {{ textDefaults.color }}

+
- +
@@ -139,7 +140,7 @@
- +
@@ -185,7 +186,7 @@
- +