scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #595 from technoboy10/gh572-hoc

Browse source 
Fix GH-572: HOC page formatting
This commit is contained in:
Connor Hudson 2016-06-23 08:14:40 -04:00 committed by GitHub
commit f0290a7657
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/views/hoc/hoc.scss
View file

@ -9,7 +9,7 @@ $base-bg: $ui-white;
.hoc { .hoc {
.title-banner { .title-banner {
&.wbb-bg { &.wbb-bg {
background-image: url("/images/hoc2015/hide-bg.jpg"); background-image: url("/images/hoc2015/hide-bg.jpg");
} }
@ -41,9 +41,9 @@ $base-bg: $ui-white;
.card { .card {
margin: 10px; margin: 10px;
border-radius: 7px; border-radius: 7px;
background-color: $active-gray; background-color: $active-gray;
padding: 2px; padding: 2px;
width: 30%; width: 30%;
min-width: 200px; min-width: 200px;
max-width: 230px; max-width: 230px;
@ -53,7 +53,7 @@ $base-bg: $ui-white;
background-color: $base-bg; background-color: $base-bg;
width: 100%; width: 100%;
height: 100%; height: 100%;
button, button,
img { img {
@ -128,7 +128,7 @@ $base-bg: $ui-white;
.resource, .resource,
.studio { .studio {
display: flex; display: flex;
margin: 10px 0; margin: 10px 0;
min-width: 200px; min-width: 200px;
text-align: left; text-align: left;
@ -164,7 +164,7 @@ $base-bg: $ui-white;
} }
} }
.resource { .resource {
width: 33%; width: 33%;
a { a {
@ -175,8 +175,8 @@ $base-bg: $ui-white;
.resource-info { .resource-info {
h5 { h5 {
margin: .85rem 0; margin: 0;
line-height: 0; line-height: inherit;
} }
} }
} }
@ -199,7 +199,7 @@ $base-bg: $ui-white;
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) { @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
display: inline-block; display: inline-block;
} }
//8 columns //8 columns
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) { @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
h5 { h5 {