Merge branch 'master' of git.commander1024.de:Commander1024/lostplaces-frontend

This commit is contained in:
Marcus Scholz 2021-10-18 16:30:32 +02:00
commit e3688ed070
16 changed files with 1068 additions and 541 deletions

View File

@ -1,12 +1,16 @@
.LP-Form{ .LP-Form{
.LP-Form__Checkbox{ .LP-Form__Checkbox{
display: none; display: none;
&:checked + .LP-Form__CheckBox__CheckMark {
background-color: $-light-brown;
}
} }
.LP-Form__CheckBox__CheckMark{ .LP-Form__CheckBox__CheckMark{
height: 1em; height: 1em;
width: 1em; width: 1em;
border: 1px solid black; border: 1px solid $-grey;
padding: 0 calc(.5em + 2px); padding: 0 calc(.5em + 2px);
margin-right: .7em; margin-right: .7em;
} }

View File

@ -1,3 +1,7 @@
<form class="LP-Form"> <form class="LP-Form">
<label for="wurstwasser" class="LP-Form__Label"><span class="LP-Form__CheckBox__CheckMark"></span><input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>Check me</label> <label for="wurstwasser" class="LP-Form__Label">
<input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>
<span class="LP-Form__CheckBox__CheckMark"></span>
Check me
</label>
</form> </form>

View File

@ -4,7 +4,6 @@
{{#if disabled}} {{#if disabled}}
disabled="disabled" disabled="disabled"
{{/if}} {{/if}}
/>
{{#if message}} {{#if message}}
<span class="LP-Input__Message">{{message}}</span> <span class="LP-Input__Message">{{message}}</span>
{{/if}} {{/if}}

View File

@ -6,8 +6,4 @@
color: $-grey; color: $-grey;
text-decoration: underline; text-decoration: underline;
} }
} }
.LP-Link__IconWrapper{
display: inline;
}

View File

@ -0,0 +1,10 @@
<a href="{{url}}" class="LP-Link">
<span class="RV-Iconized">
<span class="RV-Iconized__Text">
Iconized Text
</span>
<span class="RV-Iconized__Icon RV-Iconized__Icon--medium RV-Iconized__Icon--right">
<img src="/icons/debug.png"/>
</span>
</span>
</a>

View File

@ -1,3 +1 @@
<p class="LP-Paragraph"> <a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a>
<a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a>
</p>

View File

@ -3,10 +3,17 @@
background-color: $-beige; background-color: $-beige;
border-radius: 2px; border-radius: 2px;
width: max-content; width: max-content;
@include RV-FlexRow__Container; @include RV-Flex;
height: min-content; height: min-content;
gap: 3px; gap: 3px;
transition: background .3s; transition: background .3s;
.LP-Link {
color: $-grey;
&:hover {
text-decoration: none;
}
}
&__Remove { &__Remove {
.RV-Iconized__Icon { .RV-Iconized__Icon {

View File

@ -1,6 +1,6 @@
@import 'textSection/textSection'; //@import 'textSection/textSection';
@import 'placeTeaser/placeTeaser'; //@import 'placeTeaser/placeTeaser';
@import 'tagList/tagList'; //@import 'tagList/tagList';
@import 'navigation/navigation'; //@import 'navigation/navigation';
@import 'messageList/messageList'; //@import 'messageList/messageList';
@import 'userInfo/userInfo'; //@import 'userInfo/userInfo';

View File

@ -15,7 +15,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
text-align: center; text-align: center;
padding: $-spacing-small / 2; padding: $-spacing-small;
font-size: 25px; font-size: 25px;
} }
} }
@ -26,7 +26,7 @@
font-size: 18px; font-size: 18px;
} }
padding: $-spacing-small / 2; padding: $-spacing-small;
.LP-UserInfo__Key { .LP-UserInfo__Key {
padding-right: $-spacing-medium; padding-right: $-spacing-medium;

View File

@ -1,9 +1,9 @@
@import 'header/header'; //@import 'header/header';
@import 'placeGrid/placeGrid'; //@import 'placeGrid/placeGrid';
@import 'placeList/placeList'; //@import 'placeList/placeList';
@import 'linkList/linkList'; //@import 'linkList/linkList';
@import 'footer/footer'; //@import 'footer/footer';
@import 'form/form'; //@import 'form/form';
@import 'imageGrid/imageGrid'; //@import 'imageGrid/imageGrid';
@import 'osmMap/osmMap'; //@import 'osmMap/osmMap';
@import 'userProfile/userProfile'; //@import 'userProfile/userProfile';

View File

@ -1,7 +1,5 @@
.LP-LinkList{ .LP-LinkList{
@include RV-FlexGrid(300px, 3em); @include RV-Grid;
@include RV-ElementList;
@include RV-Spacing__Inner--small;
align-items: center; align-items: center;
.LP-LinkList__Item{ .LP-LinkList__Item{
@ -11,7 +9,7 @@
transition: background .3s, color .5s; transition: background .3s, color .5s;
@include RV-Alignment--verticalCenter; @include RV-Alignment--verticalCenter;
@include RV-FlexRow__Container; @include RV-Flex;
.LP-LinkList__ItemHover { .LP-LinkList__ItemHover {
opacity: 0.5; opacity: 0.5;

View File

@ -1,3 +1,3 @@
@import 'home/home'; //@import 'home/home';
@import 'placeDetail/placeDetail'; //@import 'placeDetail/placeDetail';
@import 'codex/codex'; //@import 'codex/codex';

View File

@ -1 +1 @@
@import 'place/place'; //@import 'place/place';

View File

@ -1,4 +1,4 @@
@import './rcss.bundled.scss'; @import 'rcss.bundled';
// Include primary fonts in regular, italic and bold each. // Include primary fonts in regular, italic and bold each.
@font-face { @font-face {
@ -197,4 +197,4 @@ body {
@import '04_Templates/templates'; @import '04_Templates/templates';
@import '05_Pages/pages'; @import '05_Pages/pages';
@import './tagify'; //@import './tagify';

File diff suppressed because it is too large Load Diff

View File

@ -11,7 +11,7 @@
"sass-loader": "^10.0.5" "sass-loader": "^10.0.5"
}, },
"scripts": { "scripts": {
"sass": "node-sass -w components/main.scss -o public/ --recursive", "sass": "sass components/main.scss public/main.css --watch",
"styleguide": "fractal start --sync", "styleguide": "fractal start --sync",
"suite": "npm run sass & npm run styleguide" "suite": "npm run sass & npm run styleguide"
} }