shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Split toolbox Sass partials

Browse source
This commit is contained in:
Shinuwa 2026-08-14 09:24:54 +02:00
parent b221257616
commit c312b9ed91
19 changed files with 6490 additions and 6419 deletions
Download patch file Download diff file Expand all files Collapse all files

53
website/src/styles/toolboxes/_calculator.scss Normal file
View file

@ -0,0 +1,53 @@
// Rôle : gère la structure commune du calculateur et ses panneaux de saisie.
@use "../mixins";
.calculator-module,
.timer-module {
display: grid;
grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
column-gap: var(--space-6);
row-gap: var(--space-4);
align-items: start;
overflow: hidden;
padding: var(--space-4);
}
.calculator-exchange-panel,
.timer-exchange-panel,
.table-exchange-panel {
grid-column: 1 / -1;
padding: 0;
}
.calculator-form {
display: grid;
grid-template-columns: 1fr;
align-self: start;
align-content: start;
min-width: 0;
min-height: 0;
}
.calculator-card,
.tool-split-results,
.timer-control-card,
.timer-results-card {
display: grid;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
padding: 12px;
border: 1px solid rgba(165, 180, 252, 0.12);
border-radius: var(--radius-md);
background:
linear-gradient(135deg, rgba(139, 92, 246, 0.08), transparent 62%),
rgba(7, 10, 24, 0.3);
}
.timer-control-card,
.timer-results-card {
align-self: start;
gap: var(--space-3);
}