andras/decla-red
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages 1 Wiki Activity Actions

Optimize css

Browse source
This commit is contained in:
schmelczerandras 2020-10-23 18:35:18 +02:00
parent 8b49b44ebf
commit c74b2f14a0
8 changed files with 37 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/main.scss
View file

@ -1,8 +1,8 @@
@import './styles/vars.scss';
@import './styles/button.scss';
@import './styles/form.scss';
@import './styles/mixins.scss';
@import './styles/settings.scss';
@use 'styles/vars' as *;
@use 'styles/button';
@use 'styles/form';
@use 'styles/mixins' as *;
@use 'styles/settings';
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Open+Sans&display=swap');

0
frontend/src/styles/mixins.scss → frontend/src/styles/_mixins.scss
View file

0
frontend/src/styles/vars.scss → frontend/src/styles/_vars.scss
View file

2
frontend/src/styles/button.scss
View file

@ -1,4 +1,4 @@
@import './vars.scss';
@use './vars.scss' as *;
button {
border: none;

7
frontend/src/styles/form.scss
View file

@ -1,5 +1,5 @@
@import './vars.scss';
@import './mixins.scss';
@use 'vars' as *;
@use 'mixins' as *;
form {
@include background;
@ -38,7 +38,7 @@ form {
position: relative;
padding: 15px 0 0;
margin-top: 10px;
margin: 10px 0 $small-padding 0;
margin: 10px $small-padding / 2 $small-padding $small-padding / 2;
input {
font-family: inherit;
@ -48,6 +48,7 @@ form {
padding: 10px 0 0px 0;
background: transparent;
margin-bottom: $border-width-focused - $border-width;
width: 100%;
&::placeholder {
color: transparent;

4
frontend/src/styles/settings.scss
View file

@ -1,5 +1,5 @@
@import './vars.scss';
@import './mixins.scss';
@use 'vars' as *;
@use 'mixins' as *;
#toggle-settings-container,
#settings-container {