Split remaining large Sass files by responsibility
All checks were successful
Deploy Sokko G / deploy (push) Successful in 16s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 16s
This commit is contained in:
parent
a0d7e80a1a
commit
fcabbe8029
37 changed files with 3248 additions and 3103 deletions
230
website/src/styles/icons/_actions.scss
Normal file
230
website/src/styles/icons/_actions.scss
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
// Rôle : regroupe les icônes d actions, vues, timers et tableaux.
|
||||
.ui-icon-edit {
|
||||
mask-image: url("/static/icons/edit.svg");
|
||||
-webkit-mask-image: url("/static/icons/edit.svg");
|
||||
}
|
||||
|
||||
.ui-icon-add {
|
||||
mask-image: url("/static/icons/add.svg");
|
||||
-webkit-mask-image: url("/static/icons/add.svg");
|
||||
}
|
||||
|
||||
.ui-icon-book {
|
||||
mask-image: url("/static/icons/book.svg");
|
||||
-webkit-mask-image: url("/static/icons/book.svg");
|
||||
}
|
||||
|
||||
.ui-icon-copy {
|
||||
mask-image: url("/static/icons/copy.svg");
|
||||
-webkit-mask-image: url("/static/icons/copy.svg");
|
||||
}
|
||||
|
||||
.ui-icon-calculator {
|
||||
mask-image: url("/static/icons/calculator.svg");
|
||||
-webkit-mask-image: url("/static/icons/calculator.svg");
|
||||
}
|
||||
|
||||
.ui-icon-clock {
|
||||
mask-image: url("/static/icons/clock.svg");
|
||||
-webkit-mask-image: url("/static/icons/clock.svg");
|
||||
}
|
||||
|
||||
.ui-icon-calendar {
|
||||
mask-image: url("/static/icons/calendar.svg");
|
||||
-webkit-mask-image: url("/static/icons/calendar.svg");
|
||||
}
|
||||
|
||||
.ui-icon-calendar-month {
|
||||
mask-image: url("/static/icons/calendar-month.svg");
|
||||
-webkit-mask-image: url("/static/icons/calendar-month.svg");
|
||||
}
|
||||
|
||||
.ui-icon-calendar-week {
|
||||
mask-image: url("/static/icons/calendar-week.svg");
|
||||
-webkit-mask-image: url("/static/icons/calendar-week.svg");
|
||||
}
|
||||
|
||||
.ui-icon-day-number {
|
||||
mask-image: url("/static/icons/day-number.svg");
|
||||
-webkit-mask-image: url("/static/icons/day-number.svg");
|
||||
}
|
||||
|
||||
.ui-icon-day-name {
|
||||
mask-image: url("/static/icons/day-name.svg");
|
||||
-webkit-mask-image: url("/static/icons/day-name.svg");
|
||||
}
|
||||
|
||||
.ui-icon-stopwatch {
|
||||
mask-image: url("/static/icons/stopwatch.svg");
|
||||
-webkit-mask-image: url("/static/icons/stopwatch.svg");
|
||||
}
|
||||
|
||||
.ui-icon-hourglass {
|
||||
mask-image: url("/static/icons/hourglass.svg");
|
||||
-webkit-mask-image: url("/static/icons/hourglass.svg");
|
||||
}
|
||||
|
||||
.ui-icon-play-circle {
|
||||
mask-image: url("/static/icons/play-circle.svg");
|
||||
-webkit-mask-image: url("/static/icons/play-circle.svg");
|
||||
}
|
||||
|
||||
.ui-icon-pause-circle {
|
||||
mask-image: url("/static/icons/pause-circle.svg");
|
||||
-webkit-mask-image: url("/static/icons/pause-circle.svg");
|
||||
}
|
||||
|
||||
.ui-icon-record-circle {
|
||||
mask-image: url("/static/icons/record-circle.svg");
|
||||
-webkit-mask-image: url("/static/icons/record-circle.svg");
|
||||
}
|
||||
|
||||
.ui-icon-stop-circle {
|
||||
mask-image: url("/static/icons/stop-circle.svg");
|
||||
-webkit-mask-image: url("/static/icons/stop-circle.svg");
|
||||
}
|
||||
|
||||
.ui-icon-map {
|
||||
mask-image: url("/static/icons/map.svg");
|
||||
-webkit-mask-image: url("/static/icons/map.svg");
|
||||
}
|
||||
|
||||
.ui-icon-scrollable {
|
||||
mask-image: url("/static/icons/scrollable.svg");
|
||||
-webkit-mask-image: url("/static/icons/scrollable.svg");
|
||||
}
|
||||
|
||||
.ui-icon-rotate {
|
||||
mask-image: url("/static/icons/rotate.svg");
|
||||
-webkit-mask-image: url("/static/icons/rotate.svg");
|
||||
}
|
||||
|
||||
.ui-icon-sort-time {
|
||||
mask-image: url("/static/icons/sort-time.svg");
|
||||
-webkit-mask-image: url("/static/icons/sort-time.svg");
|
||||
}
|
||||
|
||||
.ui-icon-sound-mute {
|
||||
mask-image: url("/static/icons/sound-mute.svg");
|
||||
-webkit-mask-image: url("/static/icons/sound-mute.svg");
|
||||
}
|
||||
|
||||
.ui-icon-sound-min {
|
||||
mask-image: url("/static/icons/sound-min.svg");
|
||||
-webkit-mask-image: url("/static/icons/sound-min.svg");
|
||||
}
|
||||
|
||||
.ui-icon-sound-max {
|
||||
mask-image: url("/static/icons/sound-max.svg");
|
||||
-webkit-mask-image: url("/static/icons/sound-max.svg");
|
||||
}
|
||||
|
||||
.ui-icon-toast-left {
|
||||
mask-image: url("/static/icons/toast-left.svg");
|
||||
-webkit-mask-image: url("/static/icons/toast-left.svg");
|
||||
}
|
||||
|
||||
.ui-icon-toast-right {
|
||||
mask-image: url("/static/icons/toast-right.svg");
|
||||
-webkit-mask-image: url("/static/icons/toast-right.svg");
|
||||
}
|
||||
|
||||
.ui-icon-hide {
|
||||
mask-image: url("/static/icons/hide.svg");
|
||||
-webkit-mask-image: url("/static/icons/hide.svg");
|
||||
}
|
||||
|
||||
.ui-icon-eye-closed {
|
||||
mask-image: url("/static/icons/eye-closed.svg");
|
||||
-webkit-mask-image: url("/static/icons/eye-closed.svg");
|
||||
}
|
||||
|
||||
.ui-icon-eye-open {
|
||||
mask-image: url("/static/icons/eye-open.svg");
|
||||
-webkit-mask-image: url("/static/icons/eye-open.svg");
|
||||
}
|
||||
|
||||
.ui-icon-chevron-down {
|
||||
mask-image: url("/static/icons/chevron-down.svg");
|
||||
-webkit-mask-image: url("/static/icons/chevron-down.svg");
|
||||
}
|
||||
|
||||
.ui-icon-chevron-up {
|
||||
mask-image: url("/static/icons/chevron-up.svg");
|
||||
-webkit-mask-image: url("/static/icons/chevron-up.svg");
|
||||
}
|
||||
|
||||
.ui-icon-drag {
|
||||
mask-image: url("/static/icons/drag.svg");
|
||||
-webkit-mask-image: url("/static/icons/drag.svg");
|
||||
}
|
||||
|
||||
.ui-icon-dropdown {
|
||||
mask-image: url("/static/icons/dropdown.svg");
|
||||
-webkit-mask-image: url("/static/icons/dropdown.svg");
|
||||
}
|
||||
|
||||
.ui-icon-flip {
|
||||
mask-image: url("/static/icons/flip.svg");
|
||||
-webkit-mask-image: url("/static/icons/flip.svg");
|
||||
}
|
||||
|
||||
.ui-icon-rows {
|
||||
mask-image: url("/static/icons/rows.svg");
|
||||
-webkit-mask-image: url("/static/icons/rows.svg");
|
||||
}
|
||||
|
||||
.ui-icon-columns {
|
||||
mask-image: url("/static/icons/columns.svg");
|
||||
-webkit-mask-image: url("/static/icons/columns.svg");
|
||||
}
|
||||
|
||||
.ui-icon-add-row {
|
||||
mask-image: url("/static/icons/add-row.svg");
|
||||
-webkit-mask-image: url("/static/icons/add-row.svg");
|
||||
}
|
||||
|
||||
.ui-icon-add-column {
|
||||
mask-image: url("/static/icons/add-column.svg");
|
||||
-webkit-mask-image: url("/static/icons/add-column.svg");
|
||||
}
|
||||
|
||||
.ui-icon-remove-row {
|
||||
mask-image: url("/static/icons/remove-row.svg");
|
||||
-webkit-mask-image: url("/static/icons/remove-row.svg");
|
||||
}
|
||||
|
||||
.ui-icon-remove-column {
|
||||
mask-image: url("/static/icons/remove-column.svg");
|
||||
-webkit-mask-image: url("/static/icons/remove-column.svg");
|
||||
}
|
||||
|
||||
.ui-icon-table {
|
||||
mask-image: url("/static/icons/table.svg");
|
||||
-webkit-mask-image: url("/static/icons/table.svg");
|
||||
}
|
||||
|
||||
.ui-icon-close {
|
||||
mask-image: url("/static/icons/close.svg");
|
||||
-webkit-mask-image: url("/static/icons/close.svg");
|
||||
}
|
||||
|
||||
.ui-icon-rubber {
|
||||
mask-image: url("/static/icons/rubber.svg");
|
||||
-webkit-mask-image: url("/static/icons/rubber.svg");
|
||||
}
|
||||
|
||||
.ui-icon-refresh {
|
||||
mask-image: url("/static/icons/refresh.svg");
|
||||
-webkit-mask-image: url("/static/icons/refresh.svg");
|
||||
}
|
||||
|
||||
.ui-icon-parent {
|
||||
mask-image: url("/static/icons/parent.svg");
|
||||
-webkit-mask-image: url("/static/icons/parent.svg");
|
||||
}
|
||||
|
||||
.ui-icon-back {
|
||||
mask-image: url("/static/icons/back.svg");
|
||||
-webkit-mask-image: url("/static/icons/back.svg");
|
||||
}
|
||||
13
website/src/styles/icons/_base.scss
Normal file
13
website/src/styles/icons/_base.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
// Rôle : définit le rendu commun des icônes SVG.
|
||||
.ui-icon {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: currentColor;
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
-webkit-mask-position: center;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
}
|
||||
97
website/src/styles/icons/_equipment.scss
Normal file
97
website/src/styles/icons/_equipment.scss
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
// Rôle : regroupe les icônes d équipement et les ajustements de listes.
|
||||
.ui-icon-fist {
|
||||
mask-image: url("/static/icons/fist.svg");
|
||||
-webkit-mask-image: url("/static/icons/fist.svg");
|
||||
}
|
||||
|
||||
.ui-icon-foot {
|
||||
mask-image: url("/static/icons/foot.svg");
|
||||
-webkit-mask-image: url("/static/icons/foot.svg");
|
||||
}
|
||||
|
||||
.ui-icon-boot {
|
||||
mask-image: url("/static/icons/boot.svg");
|
||||
-webkit-mask-image: url("/static/icons/boot.svg");
|
||||
}
|
||||
|
||||
.ui-icon-chest-armor {
|
||||
mask-image: url("/static/icons/chest-armor.svg");
|
||||
-webkit-mask-image: url("/static/icons/chest-armor.svg");
|
||||
}
|
||||
|
||||
.ui-icon-helmet {
|
||||
mask-image: url("/static/icons/helmet.svg");
|
||||
-webkit-mask-image: url("/static/icons/helmet.svg");
|
||||
}
|
||||
|
||||
.ui-icon-glove {
|
||||
mask-image: url("/static/icons/glove.svg");
|
||||
-webkit-mask-image: url("/static/icons/glove.svg");
|
||||
}
|
||||
|
||||
.ui-icon-grab {
|
||||
mask-image: url("/static/icons/grab.svg");
|
||||
-webkit-mask-image: url("/static/icons/grab.svg");
|
||||
}
|
||||
|
||||
.ui-icon-sword {
|
||||
mask-image: url("/static/icons/sword.svg");
|
||||
-webkit-mask-image: url("/static/icons/sword.svg");
|
||||
}
|
||||
|
||||
.ui-icon-shield {
|
||||
mask-image: url("/static/icons/shield.svg");
|
||||
-webkit-mask-image: url("/static/icons/shield.svg");
|
||||
}
|
||||
|
||||
.ui-icon-gun {
|
||||
mask-image: url("/static/icons/gun.svg");
|
||||
-webkit-mask-image: url("/static/icons/gun.svg");
|
||||
}
|
||||
|
||||
.ui-icon-earring {
|
||||
mask-image: url("/static/icons/earring.svg");
|
||||
-webkit-mask-image: url("/static/icons/earring.svg");
|
||||
}
|
||||
|
||||
.ui-icon-necklace {
|
||||
mask-image: url("/static/icons/necklace.svg");
|
||||
-webkit-mask-image: url("/static/icons/necklace.svg");
|
||||
}
|
||||
|
||||
.ui-icon-ring {
|
||||
mask-image: url("/static/icons/ring.svg");
|
||||
-webkit-mask-image: url("/static/icons/ring.svg");
|
||||
}
|
||||
|
||||
.ui-icon-hammer {
|
||||
mask-image: url("/static/icons/hammer.svg");
|
||||
-webkit-mask-image: url("/static/icons/hammer.svg");
|
||||
}
|
||||
|
||||
.ui-icon-jewel {
|
||||
mask-image: url("/static/icons/jewel.svg");
|
||||
-webkit-mask-image: url("/static/icons/jewel.svg");
|
||||
}
|
||||
|
||||
.ui-icon-ball {
|
||||
mask-image: url("/static/icons/ball.svg");
|
||||
-webkit-mask-image: url("/static/icons/ball.svg");
|
||||
}
|
||||
|
||||
.ui-icon-trash {
|
||||
mask-image: url("/static/icons/trashcan.svg");
|
||||
-webkit-mask-image: url("/static/icons/trashcan.svg");
|
||||
}
|
||||
|
||||
.ui-icon-trashcan-one {
|
||||
mask-image: url("/static/icons/trashcan-one.svg");
|
||||
-webkit-mask-image: url("/static/icons/trashcan-one.svg");
|
||||
}
|
||||
|
||||
.game-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
gap: var(--space-4);
|
||||
margin-top: var(--space-6);
|
||||
}
|
||||
65
website/src/styles/icons/_navigation.scss
Normal file
65
website/src/styles/icons/_navigation.scss
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
// Rôle : regroupe les icônes de navigation et de contexte global.
|
||||
.ui-icon-open {
|
||||
mask-image: url("/static/icons/open.svg");
|
||||
-webkit-mask-image: url("/static/icons/open.svg");
|
||||
}
|
||||
|
||||
.ui-icon-home {
|
||||
mask-image: url("/static/icons/home.svg");
|
||||
-webkit-mask-image: url("/static/icons/home.svg");
|
||||
}
|
||||
|
||||
.ui-icon-enter {
|
||||
mask-image: url("/static/icons/enter.svg");
|
||||
-webkit-mask-image: url("/static/icons/enter.svg");
|
||||
}
|
||||
|
||||
.ui-icon-zoom {
|
||||
mask-image: url("/static/icons/zoom.svg");
|
||||
-webkit-mask-image: url("/static/icons/zoom.svg");
|
||||
}
|
||||
|
||||
.ui-icon-save {
|
||||
mask-image: url("/static/icons/save.svg");
|
||||
-webkit-mask-image: url("/static/icons/save.svg");
|
||||
}
|
||||
|
||||
.ui-icon-info {
|
||||
mask-image: url("/static/icons/info.svg");
|
||||
-webkit-mask-image: url("/static/icons/info.svg");
|
||||
}
|
||||
|
||||
.ui-icon-warning {
|
||||
mask-image: url("/static/icons/warning.svg");
|
||||
-webkit-mask-image: url("/static/icons/warning.svg");
|
||||
}
|
||||
|
||||
.ui-icon-export {
|
||||
mask-image: url("/static/icons/export.svg");
|
||||
-webkit-mask-image: url("/static/icons/export.svg");
|
||||
}
|
||||
|
||||
.ui-icon-import {
|
||||
mask-image: url("/static/icons/import.svg");
|
||||
-webkit-mask-image: url("/static/icons/import.svg");
|
||||
}
|
||||
|
||||
.ui-icon-link {
|
||||
mask-image: url("/static/icons/link.svg");
|
||||
-webkit-mask-image: url("/static/icons/link.svg");
|
||||
}
|
||||
|
||||
.ui-icon-picture {
|
||||
mask-image: url("/static/icons/picture.svg");
|
||||
-webkit-mask-image: url("/static/icons/picture.svg");
|
||||
}
|
||||
|
||||
.ui-icon-toolbox {
|
||||
mask-image: url("/static/icons/toolbox.svg");
|
||||
-webkit-mask-image: url("/static/icons/toolbox.svg");
|
||||
}
|
||||
|
||||
.ui-icon-settings {
|
||||
mask-image: url("/static/icons/settings.svg");
|
||||
-webkit-mask-image: url("/static/icons/settings.svg");
|
||||
}
|
||||
60
website/src/styles/icons/_toolbox.scss
Normal file
60
website/src/styles/icons/_toolbox.scss
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
// Rôle : regroupe les icônes de modules et états toolbox.
|
||||
.ui-icon-tasklist {
|
||||
mask-image: url("/static/icons/tasklist.svg");
|
||||
-webkit-mask-image: url("/static/icons/tasklist.svg");
|
||||
}
|
||||
|
||||
.ui-icon-notepad {
|
||||
mask-image: url("/static/icons/notepad.svg");
|
||||
-webkit-mask-image: url("/static/icons/notepad.svg");
|
||||
}
|
||||
|
||||
.ui-icon-checklist {
|
||||
mask-image: url("/static/icons/checklist.svg");
|
||||
-webkit-mask-image: url("/static/icons/checklist.svg");
|
||||
}
|
||||
|
||||
.ui-icon-diagram {
|
||||
mask-image: url("/static/icons/diagram.svg");
|
||||
-webkit-mask-image: url("/static/icons/diagram.svg");
|
||||
}
|
||||
|
||||
.ui-icon-cube {
|
||||
mask-image: url("/static/icons/cube.svg");
|
||||
-webkit-mask-image: url("/static/icons/cube.svg");
|
||||
}
|
||||
|
||||
.ui-icon-fire {
|
||||
mask-image: url("/static/icons/fire.svg");
|
||||
-webkit-mask-image: url("/static/icons/fire.svg");
|
||||
}
|
||||
|
||||
.ui-icon-flask {
|
||||
mask-image: url("/static/icons/flask.svg");
|
||||
-webkit-mask-image: url("/static/icons/flask.svg");
|
||||
}
|
||||
|
||||
.ui-icon-grass {
|
||||
mask-image: url("/static/icons/grass.svg");
|
||||
-webkit-mask-image: url("/static/icons/grass.svg");
|
||||
}
|
||||
|
||||
.ui-icon-leaf {
|
||||
mask-image: url("/static/icons/leaf.svg");
|
||||
-webkit-mask-image: url("/static/icons/leaf.svg");
|
||||
}
|
||||
|
||||
.ui-icon-meat {
|
||||
mask-image: url("/static/icons/meat.svg");
|
||||
-webkit-mask-image: url("/static/icons/meat.svg");
|
||||
}
|
||||
|
||||
.ui-icon-powder {
|
||||
mask-image: url("/static/icons/powder.svg");
|
||||
-webkit-mask-image: url("/static/icons/powder.svg");
|
||||
}
|
||||
|
||||
.ui-icon-tear {
|
||||
mask-image: url("/static/icons/tear.svg");
|
||||
-webkit-mask-image: url("/static/icons/tear.svg");
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue