archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Removed panel

Browse source
This commit is contained in:
Jake Howard 2015-11-11 14:04:37 +00:00
parent 61a056fad4
commit e2b5daaed1
1 changed files with 45 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

92
static/src/less/style.less
View file

@ -82,58 +82,54 @@ ol , ul{
text-align: center; text-align: center;
margin-top: 35px; margin-top: 35px;
margin-bottom: 35px; margin-bottom: 35px;
.panel { font-size: 16px;
margin-bottom: 0; @media screen and (max-width: @screen-xs-max) {
.wrapper,
.wrapper .project {
height: 275px;
width: 275px;
}
} }
.panel-body {
font-size: 16px; @media screen and (min-width: @screen-sm-min) {
@media screen and (max-width: @screen-xs-max) { .wrapper,
.wrapper, .wrapper .project {
.wrapper .project { height: 200px;
height: 275px; width: 200px;
width: 275px; }
} }
@media screen and (min-width: @screen-md-min) {
.wrapper,
.wrapper .project {
height: 280px;
width: 280px;
}
}
& > div {
margin: 10px 0;
}
.wrapper {
color: white;
margin: 0 auto;
background-color: red;
.box-shadow(0px 4px 5px 2px rgba(0,0,0,0.7));
&:hover .project {
opacity: 1;
} }
@media screen and (min-width: @screen-sm-min) { & .project {
.wrapper, padding: 25px;
.wrapper .project { .transition(~"opacity 0.5s ease-in");
height: 200px; opacity: 0;
width: 200px; background-color: rgba(0,0,0,0.6);
p, a.btn {
font-size: 12px;
} }
} h4 {
@media screen and (min-width: @screen-md-min) { font-size: 23px;
.wrapper,
.wrapper .project {
height: 280px;
width: 280px;
}
}
& > div {
margin: 10px 0;
}
.wrapper {
color: white;
margin: 0 auto;
background-color: red;
&:hover .project {
opacity: 1;
}
& .project {
padding: 25px;
.transition(~"opacity 0.5s ease-in");
opacity: 0;
background-color: rgba(0,0,0,0.6);
p, a.btn {
font-size: 12px;
}
h4 {
font-size: 23px;
}
} }
} }
} }