Skip to content

Commit

Permalink
removed .less file
Browse files Browse the repository at this point in the history
  • Loading branch information
msramalho committed May 30, 2018
1 parent 592adbe commit 9057c61
Showing 1 changed file with 0 additions and 188 deletions.
188 changes: 0 additions & 188 deletions resources/assets/less/app.less
Original file line number Diff line number Diff line change
@@ -1,188 +0,0 @@
@primary-color: spin(#9B4DCA, 0);

@error-color: #FF3333;
@page-bg-color: #FFFFFF;

@primary-bg-color: lighten(spin(@primary-color, 180), 30%);
@secondary-bg-color: lighten(@primary-color, 25%);

body {
background-color: @page-bg-color;
color: @primary-color;
}

main > header {

display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
background-color: @secondary-bg-color;
padding: 1em;
margin: 1em;

h1 {
margin: 0;
}

a.button {
margin: 1em;
justify-self: center;
}

span {
margin: 1em;
justify-self: center;
}
}

#cards {
display: grid;
grid-template-columns: repeat(3, 1fr);

article.card {
display: flex;
flex-direction: column;

background-color: @primary-bg-color;

padding: 1em;
margin: 1em;

header {
display: flex;
align-items: center;

h2 {
flex-grow: 1;
}

a.delete {
display: none;

font-size: 2.6rem;

margin-top: .5rem;
margin-bottom: 2.5rem;

line-height: 1.25;
}

&:hover a.delete {
display: inline;
}
}

li {
list-style-type: none;

label{
display: flex;
align-items: baseline;
}

label span{
margin-left: .5em;
flex-grow: 1;
}

label a{
display: none;
}

label:hover a{
display: inline;
}
}

input:checked + span {
text-decoration: var(--primary-color) solid line-through;
}

ul {
margin: 0;
}

form {
margin: 0;
}

input[type=text] {
background-color: white;
margin: 0;
}
}
}

#content {

label {
font-weight: normal;
}

&>form {
margin: 0 auto;
padding: 1em;
max-width: 20em;
border: 1px solid @secondary-bg-color;
}

&>form .error{
font-weight: bold;
color: @error-color;
}

&>form input{
background-color: white;
}

}

@media (max-width: 70em) {
#cards { grid-template-columns: repeat(2, 1fr); }
main > header {
display: grid;
grid-template-columns: 1fr auto;
}
main > header h1{
grid-row-end: span 2;
}
}

@media (max-width: 40em) {
#cards { grid-template-columns: 1fr; }
}

@media (max-width: 25em) {
body { margin: 0;}
main > header { margin: 0; padding: 0.5em; }
main > header span { margin: 0; }
#content form { margin: 0; max-width: 25em; }
article.card { margin: 0; border-bottom: 1px solid rgba(96, 108, 118, 0.4); }
}

/**
* Overide milligram colors
* Some styles might be missing
**/

button {
background-color: @primary-color;
border-color: @primary-color;
}

a.button {
background-color: @primary-color;
border-color: @primary-color;
}

a.button.button-outline {
color: @primary-color;
}

a {
color: @primary-color;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
border-color: @primary-color;
}

0 comments on commit 9057c61

Please sign in to comment.