Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: Commander1024:600361d6f93f5cec7ea97173414a2dbabfb1810b
Branches Tags
Commander1024:master
Commander1024:linklist-add
..
compare: Commander1024:2b079e39e3b8710de923711ff8ccf571db895506
Branches Tags
Commander1024:master
Commander1024:linklist-add

No commits in common. "600361d6f93f5cec7ea97173414a2dbabfb1810b" and "2b079e39e3b8710de923711ff8ccf571db895506" have entirely different histories.
600361d6f9 ... 2b079e39e3

4 changed files with 45 additions and 47 deletions
Show Stats Expand all files Collapse all files

9
components/01_Atoms/input/_input.scss
View File

@ -11,12 +11,11 @@
padding: 8px; padding: 8px;
margin-bottom: $-margin-bottom; margin-bottom: $-margin-bottom;
&:focus, &:active, &:invalid{ &:focus, &:active{
margin-bottom: $-margin-bottom - 1px; margin-bottom: $-margin-bottom - 1px;
border-bottom: 2px solid $-wine-red; border-bottom: 2px solid $-wine-red;
background-color: $-almost-white; background-color: $-almost-white;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
box-shadow: none;
} }
} }
@ -32,6 +31,10 @@
padding: 3px; padding: 3px;
position: relative; position: relative;
top: -$-margin-bottom; top: -$-margin-bottom;
&:before{
content: '* ';
}
} }
&--error{ &--error{

17
components/03_Organisms/form/_form.scss
View File

@ -1,12 +1,11 @@
.LP-Form{ .LP-Form{
max-width: 900px;
.LP-Form__Fieldset{ .LP-Form__Fieldset{
border: none; border: none;
.LP-Form__Legend{ .LP-Form__Legend{
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: $-primary-sans-serif-font;
font-size: 21px;
} }
.LP-Form__Composition{ .LP-Form__Composition{
@ -19,19 +18,23 @@
padding: 6px 15px; padding: 6px 15px;
&--wider{ &--wider{
flex: 5 1; flex: 5 1 200px;
} }
&--wide{ &--wide{
flex: 4 1; flex: 4 1 150px;
} }
&--narrow{ &--narrow{
flex: 2 0; flex: 2 0 50px;
} }
&--narrower{ &--narrower{
flex: 1 0; flex: 1 0 25px;
}
input{
width: 100%;
} }
} }
} }

9
components/04_Templates/home/_home.scss
View File

@ -1,15 +1,8 @@
.LP-MainContainer { .LP-MainContainer {
margin: 0 auto; margin: 0 auto;
max-width: 1280px; max-width: 1280px;
} }
.LP-HorizontalLine{ .LP-HorizontalLine{
color: $-grey; color: $-grey;
} }
@media(max-width: $-viewport-small){
.LP-MainContainer {
width: 100%;
}
}

57
public/components.css
View File

@ -86,12 +86,11 @@
border-bottom: 1px solid #565656; border-bottom: 1px solid #565656;
padding: 8px; padding: 8px;
margin-bottom: 30px; } margin-bottom: 30px; }
.LP-Input .LP-Input__Field:focus, .LP-Input .LP-Input__Field:active, .LP-Input .LP-Input__Field:invalid { .LP-Input .LP-Input__Field:focus, .LP-Input .LP-Input__Field:active {
margin-bottom: 29px; margin-bottom: 29px;
border-bottom: 2px solid #76323F; border-bottom: 2px solid #76323F;
background-color: #f9f9f9; background-color: #f9f9f9;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
box-shadow: none; }
.LP-Input .LP-Input__Label { .LP-Input .LP-Input__Label {
font-family: Montserrat, Helvetica, sans-serif; font-family: Montserrat, Helvetica, sans-serif;
font-size: 16px; } font-size: 16px; }
@ -102,6 +101,8 @@
padding: 3px; padding: 3px;
position: relative; position: relative;
top: -30px; } top: -30px; }
.LP-Input .LP-Input__Message:before {
content: '* '; }
.LP-Input--error .LP-Input__Field { .LP-Input--error .LP-Input__Field {
margin-bottom: 25px; margin-bottom: 25px;
border-bottom: 2px solid #76323F; border-bottom: 2px solid #76323F;
@ -375,28 +376,30 @@
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover { .LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover {
background-color: inherit; } background-color: inherit; }
.LP-Form .LP-Form__Fieldset { .LP-Form {
border: none; } max-width: 900px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Legend { .LP-Form .LP-Form__Fieldset {
margin: 0; border: none; }
padding: 0; .LP-Form .LP-Form__Fieldset .LP-Form__Legend {
font-family: Montserrat, Helvetica, sans-serif; margin: 0;
font-size: 21px; } padding: 0; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition { .LP-Form .LP-Form__Fieldset .LP-Form__Composition {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; } justify-content: space-between; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field { .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field {
flex: 3 1 100px; flex: 3 1 100px;
padding: 6px 15px; } padding: 6px 15px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider { .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider {
flex: 5 1; } flex: 5 1 200px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide { .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide {
flex: 4 1; } flex: 4 1 150px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow { .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow {
flex: 2 0; } flex: 2 0 50px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower { .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower {
flex: 1 0; } flex: 1 0 25px; }
.LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field input {
width: 100%; }
@media (max-width: 650px) { @media (max-width: 650px) {
.LP-Form .LP-Form__Fieldset .LP-Form__Composition--breakable { .LP-Form .LP-Form__Fieldset .LP-Form__Composition--breakable {
@ -420,10 +423,6 @@
.LP-HorizontalLine { .LP-HorizontalLine {
color: #565656; } color: #565656; }
@media (max-width: 650px) {
.LP-MainContainer {
width: 100%; } }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOveriew__Image { .LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOveriew__Image {
width: 700px; width: 700px;
box-shadow: 0 0 10px #565656; box-shadow: 0 0 10px #565656;