You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
devdocs/assets/stylesheets/pages/_qt.scss

64 lines
1.1 KiB

._qt {
@extend %simple;
h1 {
margin-top: 0;
@extend %lined-heading;
}
// Home page
.landingicons {
.icons1of3 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 1em 0;
@if $style == 'dark' {
&:nth-child(3) img {
filter: invert(1) hue-rotate(180deg) brightness(1.5)
}
}
}
h2 {
flex: 1;
margin: 0;
margin-left: 10px;
}
h2 + p {
width: 100%;
padding-left: 70px;
}
.centerAlign,
.centerAlign img { // Icon
width: 60px;
height: 60px;
margin: 0;
}
}
// Syntax highlighting
.pre {
.operator { @extend .token, .operator; }
.number { @extend .token, .number; }
.keyword { @extend .token, .keyword; }
.type { @extend .token, .function; }
.type a { color: inherit; }
.pun, .comment { @extend .token, .punctuation; }
.kwd, .preprocessor { @extend .token, .keyword; }
.str, .string { @extend .token, .string; }
}
// Function headers
h3.fn code {
@extend %label;
float: right;
font-size: .8em;
padding: 0;
margin-right: -.5em;
}
}