2015-12-30 11:30:34 +01:00
|
|
|
* {
|
|
|
|
@include box-sizing(border-box);
|
|
|
|
}
|
2013-10-11 22:06:20 +02:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
@include establish-baseline;
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
%reset-margin {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
%reset-border {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
%reset-padding {
|
|
|
|
padding: 0;
|
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
%text {
|
|
|
|
font-family: $font-family-text;
|
|
|
|
color: $color-text;
|
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
|
|
|
|
html {
|
2013-10-09 12:30:53 +02:00
|
|
|
@extend %text;
|
|
|
|
overflow-x: hidden;
|
2015-12-30 11:30:34 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
text: {
|
|
|
|
rendering: optimizeLegibility;
|
|
|
|
align: center;
|
|
|
|
}
|
2015-12-30 11:30:34 +01:00
|
|
|
|
2015-12-30 11:40:12 +01:00
|
|
|
background: image-url("textures/grey-prism.svg");
|
2013-10-09 12:30:53 +02:00
|
|
|
-webkit-tap-highlight-color: rgba($black, 0);
|
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
&.toolkit-baseline {
|
|
|
|
@include debug-vertical-alignment;
|
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
body {
|
|
|
|
background: none;
|
|
|
|
}
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
@mixin theme-selection {
|
|
|
|
background: $color-background-shade;
|
|
|
|
}
|
2013-10-09 12:30:53 +02:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
::-moz-selection {
|
|
|
|
@include theme-selection;
|
|
|
|
}
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2015-12-30 11:30:34 +01:00
|
|
|
::selection {
|
|
|
|
@include theme-selection;
|
|
|
|
}
|
2013-10-09 12:30:53 +02:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-large) {
|
2015-12-30 11:30:34 +01:00
|
|
|
|
2015-12-30 11:40:12 +01:00
|
|
|
html,
|
|
|
|
body {
|
2015-12-30 11:30:34 +01:00
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
background-position: left top;
|
2015-12-30 11:40:12 +01:00
|
|
|
background-repeat: repeat-x;
|
2015-12-30 11:30:34 +01:00
|
|
|
}
|
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
}
|