ensl/ensl.org
0
0
Fork 0
mirror of https://github.com/ENSL/ensl.org.git synced 2024-12-26 04:21:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Improving spacing for tabs and forums

Browse source
This commit is contained in:
Luke Barratt 2014-04-29 21:20:02 +01:00
parent 5ed4dd1891
commit 9d4f6268ec
5 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/components/_forms.scss
View file

@ -298,6 +298,7 @@ form.square {
} }
form.search { form.search {
margin-bottom: 10px;
.query { .query {
@include span-columns(7 of 9); @include span-columns(7 of 9);

2
app/assets/stylesheets/components/_pagination.scss
View file

@ -4,5 +4,5 @@
.pagination { .pagination {
@include span-columns(12); @include span-columns(12);
margin: 20px 0; margin: 10px 0;
} }

8
app/assets/stylesheets/components/_tabs.scss
View file

@ -4,7 +4,7 @@
.tabbed { .tabbed {
$tabs-border-width: 1px; $tabs-border-width: 1px;
$tabs-border-colour: lighten($light-blue, 40%); $tabs-border-colour: $light-blue;
$tabs-padding-horizontal: 16px; $tabs-padding-horizontal: 16px;
$tabs-height: 35px; $tabs-height: 35px;
@ -21,6 +21,8 @@
display: block; display: block;
a { a {
@include linear-gradient($blue, $dark-blue);
background-color: $blue;
border: $tabs-border-width solid $tabs-border-colour; border: $tabs-border-width solid $tabs-border-colour;
border-right: 0; border-right: 0;
padding: 0 $tabs-padding-horizontal; padding: 0 $tabs-padding-horizontal;
@ -29,7 +31,6 @@
color: white; color: white;
font-weight: 400; font-weight: 400;
line-height: $tabs-height; line-height: $tabs-height;
background-color: $blue;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@ -49,6 +50,7 @@
z-index: 100; z-index: 100;
a { a {
@include linear-gradient($light-blue, $blue);
background-color: $light-blue; background-color: $light-blue;
} }
} }
@ -59,6 +61,8 @@
@include span-columns(12); @include span-columns(12);
border: $tabs-border-width solid $tabs-border-colour; border: $tabs-border-width solid $tabs-border-colour;
border-radius: 0 $base-border-radius $base-border-radius $base-border-radius; border-radius: 0 $base-border-radius $base-border-radius $base-border-radius;
background: lighten($light-gray, 10%);
box-shadow: $light-shadow;
padding: 20px; padding: 20px;
} }

3
app/assets/stylesheets/layout/_sidebar.scss
View file

@ -38,7 +38,8 @@
.calendar { .calendar {
max-height: 400px; max-height: 400px;
overflow-x: scroll; overflow-x: hidden;
overflow-y: scroll;
} }
.shoutbox { .shoutbox {

1
app/assets/stylesheets/pages/_forums.scss
View file

@ -24,6 +24,7 @@ div#categories {
table.category { table.category {
table-layout: auto; table-layout: auto;
margin-bottom: 20px;
} }
.bullet { .bullet {