devol
/
wallabag
mirror of https://github.com/wallabag/wallabag.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Move to Sass modules

This commit is contained in:
Yassine Guedidi 2024-11-16 21:51:31 +01:00
parent 816d9f85d6
commit 38f8cf69d1
5 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/material/css/article.scss
View File

@ -1,3 +1,5 @@
@use "variables";
/* ========================================================================== /* ==========================================================================
Article Article
========================================================================== */ ========================================================================== */
@ -54,7 +56,7 @@
} }
a { a {
border-bottom: 1px dotted $blue-accent-color; border-bottom: 1px dotted variables.$blue-accent-color;
text-decoration: none; text-decoration: none;
} }

8
assets/material/css/cards.scss
View File

@ -1,3 +1,5 @@
@use "variables";
/* ========================================================================== /* ==========================================================================
Cards Cards
========================================================================== */ ========================================================================== */
@ -73,7 +75,7 @@ main {
.card-entry-labels-hidden li { .card-entry-labels-hidden li {
display: inline-block; display: inline-block;
background-color: $blue-accent-color; background-color: variables.$blue-accent-color;
margin: 0 5px; margin: 0 5px;
padding: 5px 12px; padding: 5px 12px;
border-radius: 3px; border-radius: 3px;
@ -156,7 +158,7 @@ a.original:not(.waves-effect) {
.card-tag-labels li { .card-tag-labels li {
margin: 10px 10px 10px auto; margin: 10px 10px 10px auto;
padding: 5px 12px 5px 16px !important; padding: 5px 12px 5px 16px !important;
background-color: $blue-accent-color; background-color: variables.$blue-accent-color;
border-radius: 3px; border-radius: 3px;
color: #fff; color: #fff;
cursor: default; cursor: default;
@ -247,7 +249,7 @@ a.original:not(.waves-effect) {
} }
.chip { .chip {
background-color: $blue-accent-color; background-color: variables.$blue-accent-color;
padding: 0 7px; padding: 0 7px;
margin: auto 1px; margin: auto 1px;
border-radius: 6px; border-radius: 6px;

4
assets/material/css/entries.scss
View File

@ -1,3 +1,5 @@
@use "variables";
/* ========================================================================== /* ==========================================================================
* Entries * Entries
* ========================================================================== */ * ========================================================================== */
@ -84,7 +86,7 @@
} }
.mass-action-tags-input.mass-action-tags-input.mass-action-tags-input:focus { .mass-action-tags-input.mass-action-tags-input.mass-action-tags-input:focus {
border-bottom: 3px solid $blue-accent-color; border-bottom: 3px solid variables.$blue-accent-color;
box-shadow: none; box-shadow: none;
} }
} }

28
assets/material/css/index.scss
View File

@ -1,18 +1,18 @@
@import "variables"; @use "variables";
/* Style */ /* Style */
@import "article"; @use "article";
@import "cards"; @use "cards";
@import "entries"; @use "entries";
@import "filters"; @use "filters";
@import "layout"; @use "layout";
@import "nav"; @use "nav";
@import "sidenav"; @use "sidenav";
@import "various"; @use "various";
@import "dark_theme"; @use "dark_theme";
/* Tools */ /* Tools */
@import "fonts"; @use "fonts";
@import "icons"; @use "icons";
@import "print"; @use "print";
@import "media_queries"; @use "media_queries";

4
assets/material/css/layout.scss
View File

@ -1,3 +1,5 @@
@use "variables";
/* ========================================================================== /* ==========================================================================
Layout Layout
========================================================================== */ ========================================================================== */
@ -19,7 +21,7 @@ body {
} }
a { a {
color: $blue-accent-color; color: variables.$blue-accent-color;
} }
main, main,