mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-12-23 16:10:28 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #7819 from wallabag/move-to-sass-modules

Browse source 
Move to Sass modules
This commit is contained in:
Yassine Guedidi 2024-11-17 09:46:02 +01:00 committed by GitHub
commit 9bfb4331f7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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,