sass-site/source/assets/css/regions/_contentinfo.scss

78 lines
1.3 KiB
SCSS
Raw Normal View History

2013-10-09 12:30:53 +02:00
.contentinfo {
2013-10-12 17:51:13 +02:00
@include padding-leader;
@include padding-trailer;
2013-10-09 12:30:53 +02:00
color: $color-text-weak;
background: image-url('textures/grey-prism.svg') left top repeat-x;
2012-11-28 12:59:42 +01:00
2013-10-09 12:30:53 +02:00
.container {
2013-10-12 20:25:16 +02:00
@include padding-leader;
2013-10-09 12:30:53 +02:00
@include padding-trailer;
2013-10-17 09:08:47 +02:00
height: 100%;
2013-10-09 12:30:53 +02:00
}
2012-11-28 12:59:42 +01:00
2013-10-11 22:06:20 +02:00
ul {
@include font-size-small;
@include adjust-leading-to(1);
}
2013-02-09 04:10:33 +01:00
2013-10-09 12:30:53 +02:00
p {
@include padding-trailer(.25);
margin: {
right: 0;
left: 0;
}
2013-02-09 04:10:33 +01:00
2013-10-09 12:30:53 +02:00
&:last-child { padding-bottom: 0; }
}
2013-02-09 04:10:33 +01:00
2013-10-09 12:30:53 +02:00
a {
color: $color-text;
2012-11-29 06:00:50 +01:00
2013-10-09 12:30:53 +02:00
&:hover,
&:focus { color: $color-text-strong; }
2012-11-28 17:23:08 +01:00
}
2013-02-09 04:10:33 +01:00
}
2013-10-09 12:30:53 +02:00
.contentinfo-tools,
.contentinfo-social { @include padding-leader($font-size: $font-size-small); }
2013-02-09 04:10:33 +01:00
2013-10-09 12:30:53 +02:00
.contentinfo-tools ul {
@extend %horizontal-list;
font-size: 1em;
}
2013-02-09 04:10:33 +01:00
2013-10-11 22:06:20 +02:00
@include breakpoint($tablet-large) {
2013-02-09 04:10:33 +01:00
.contentinfo {
2013-10-09 12:30:53 +02:00
padding: {
top: 0;
bottom: 0;
}
height: $sticky-contentinfo-height;
2013-02-09 04:10:33 +01:00
.container { text-align: left; }
2013-02-11 00:04:29 +01:00
2013-10-17 09:08:47 +02:00
ul { @extend %table-layout-tablet-large; }
2013-10-09 12:30:53 +02:00
2013-10-17 09:08:47 +02:00
li { @extend %table-layout-cell-tablet-large; }
}
2013-10-09 12:30:53 +02:00
.contentinfo-tools,
.contentinfo-social {
2013-10-17 09:08:47 +02:00
padding: 0;
2013-10-09 12:30:53 +02:00
width: 1px;
white-space: nowrap;
}
2013-10-17 09:08:47 +02:00
.contentinfo-tools ul li {
display: table-cell;
margin: 0;
padding-right: 2em;
2013-10-17 09:08:47 +02:00
}
.contentinfo-social {
padding-left: 4em;
line-height: 0;
}
2013-10-09 12:30:53 +02:00
}