Removing more unused styles.
This commit is contained in:
parent
494200cf0e
commit
f111aec76a
11 changed files with 5 additions and 92 deletions
26
sass/components/inverted-box/_inverted-box.scss
Normal file
26
sass/components/inverted-box/_inverted-box.scss
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
// A inverted box style.
|
||||||
|
|
||||||
|
.inverted-box,
|
||||||
|
%inverted-box {
|
||||||
|
@include padding(.5);
|
||||||
|
background: color(brand);
|
||||||
|
color: color(text-bg);
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
:link,
|
||||||
|
:visited {
|
||||||
|
color: color(text-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
&:first-of-type {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-of-type {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
60
sass/components/list-straight-left/_list-straight-left.scss
Normal file
60
sass/components/list-straight-left/_list-straight-left.scss
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
// Lists with a straight left margin.
|
||||||
|
|
||||||
|
%ul-straight-left {
|
||||||
|
display: table;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
& > li {
|
||||||
|
display: table-row;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@include font-size(s);
|
||||||
|
@include padding-right(.5);
|
||||||
|
display: table-cell;
|
||||||
|
content: '\2022';
|
||||||
|
|
||||||
|
@include respond-to(xxl) {
|
||||||
|
@include font-size(s-2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
%ol-straight-left {
|
||||||
|
display: table;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
& > li {
|
||||||
|
display: table-row;
|
||||||
|
counter-increment: table-ol;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
@include font-size(s);
|
||||||
|
@include padding-right(.5);
|
||||||
|
display: table-cell;
|
||||||
|
content: counter(table-ol) '.';
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
@include respond-to(xxl) {
|
||||||
|
@include font-size(s-2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
%ul-straight-left--off {
|
||||||
|
display: block;
|
||||||
|
list-style: inherit;
|
||||||
|
|
||||||
|
& > li {
|
||||||
|
display: list-item;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
display: inline;
|
||||||
|
padding: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -58,7 +58,6 @@ $chroma: add-colors('functional', (
|
||||||
button: 'nearblack',
|
button: 'nearblack',
|
||||||
button-disabled: 'grey',
|
button-disabled: 'grey',
|
||||||
|
|
||||||
fieldset-summary: 'grey',
|
|
||||||
form-error: 'red',
|
form-error: 'red',
|
||||||
|
|
||||||
mark-highlight: 'red',
|
mark-highlight: 'red',
|
||||||
|
|
@ -68,18 +67,9 @@ $chroma: add-colors('functional', (
|
||||||
|
|
||||||
preview-bg: ('yellow' lighten 43%),
|
preview-bg: ('yellow' lighten 43%),
|
||||||
|
|
||||||
progress-bar: 'blue',
|
|
||||||
progress-bar-bg: 'grey-light',
|
|
||||||
progress-bar-border: 'grey-dark',
|
|
||||||
|
|
||||||
resizable-grippie: 'grey-extra-light',
|
|
||||||
|
|
||||||
row-stripe: 'white',
|
row-stripe: 'white',
|
||||||
row-disabled: 'grey-light',
|
row-disabled: 'grey-light',
|
||||||
|
|
||||||
skip-link: 'white',
|
|
||||||
skip-link-bg: 'grey-dark',
|
|
||||||
|
|
||||||
status: 'green',
|
status: 'green',
|
||||||
status-bg: (status lighten 62%),
|
status-bg: (status lighten 62%),
|
||||||
status-highlight: text,
|
status-highlight: text,
|
||||||
|
|
@ -89,16 +79,6 @@ $chroma: add-colors('functional', (
|
||||||
error: 'red',
|
error: 'red',
|
||||||
error-bg: (error lighten 57%),
|
error-bg: (error lighten 57%),
|
||||||
|
|
||||||
tabs-border: 'border',
|
|
||||||
tabs-bg: 'text-bg',
|
|
||||||
tab: 'text',
|
|
||||||
tab-text-shadow: 'white',
|
|
||||||
tab-bg: ('grey-light' lighten 6.66%),
|
|
||||||
tab-secondary: 'grey-dark',
|
|
||||||
|
|
||||||
table-drag: ('yellow' lighten 43%),
|
|
||||||
table-select: ('yellow' lighten 47%),
|
|
||||||
|
|
||||||
watermark: 'grey-extra-light',
|
watermark: 'grey-extra-light',
|
||||||
|
|
||||||
headings: 'nearblack',
|
headings: 'nearblack',
|
||||||
|
|
|
||||||
|
|
@ -102,8 +102,8 @@ $typefaces: (
|
||||||
);
|
);
|
||||||
|
|
||||||
// Output a horizontal grid to help with debugging typography.
|
// Output a horizontal grid to help with debugging typography.
|
||||||
$typey-debug: true;
|
$typey-debug: false;
|
||||||
$with-wireframes: true;
|
$with-wireframes: false;
|
||||||
|
|
||||||
// The length unit in which to output font size and margin values.
|
// The length unit in which to output font size and margin values.
|
||||||
// Supported values: px, em, rem.
|
// Supported values: px, em, rem.
|
||||||
|
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
// Dependencies.
|
|
||||||
@import 'components/visually-hidden/visually-hidden';
|
|
||||||
|
|
||||||
// Breadcrumb navigation
|
|
||||||
//
|
|
||||||
// The path to the current page in the form of a list of links.
|
|
||||||
//
|
|
||||||
// Markup: breadcrumb.twig
|
|
||||||
//
|
|
||||||
// Style guide: navigation.breadcrumb
|
|
||||||
|
|
||||||
.breadcrumb,
|
|
||||||
%breadcrumb {
|
|
||||||
&__title {
|
|
||||||
@extend %visually-hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__list {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__item {
|
|
||||||
display: inline;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
// Skip link
|
|
||||||
//
|
|
||||||
// To make the link completely hidden until a user tabs to the link, combine it
|
|
||||||
// with the `visually-hidden` component.
|
|
||||||
//
|
|
||||||
// :focus - Focus styling.
|
|
||||||
//
|
|
||||||
// Markup: skip-link.twig
|
|
||||||
//
|
|
||||||
// Style guide: navigation.skip-link
|
|
||||||
|
|
||||||
.skip-link,
|
|
||||||
%skip-link {
|
|
||||||
display: block;
|
|
||||||
padding: 2px 0 3px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
&:link,
|
|
||||||
&:visited {
|
|
||||||
background-color: color(skip-link-bg);
|
|
||||||
color: color(skip-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
&__wrapper {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"content": "Jump to navigation"
|
|
||||||
}
|
|
||||||
|
|
@ -15,10 +15,6 @@
|
||||||
|
|
||||||
@import 'components/print-none/print-none';
|
@import 'components/print-none/print-none';
|
||||||
|
|
||||||
.skip-link,
|
|
||||||
%skip-link,
|
|
||||||
.breadcrumb,
|
|
||||||
%breadcrumb,
|
|
||||||
.pager,
|
.pager,
|
||||||
%pager,
|
%pager,
|
||||||
aside,
|
aside,
|
||||||
|
|
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
@import 'components/highlight-mark/highlight-mark';
|
@import 'components/highlight-mark/highlight-mark';
|
||||||
@import 'components/inline-links/inline-links';
|
@import 'components/inline-links/inline-links';
|
||||||
@import 'components/inline-sibling/inline-sibling';
|
@import 'components/inline-sibling/inline-sibling';
|
||||||
|
@import 'components/list-straight-left/list-straight-left';
|
||||||
@import 'components/responsive-video/responsive-video';
|
@import 'components/responsive-video/responsive-video';
|
||||||
@import 'components/visually-hidden/visually-hidden';
|
@import 'components/visually-hidden/visually-hidden';
|
||||||
@import 'components/watermark/watermark';
|
@import 'components/watermark/watermark';
|
||||||
|
|
@ -60,15 +61,10 @@
|
||||||
//
|
//
|
||||||
// Weight: 2
|
// Weight: 2
|
||||||
|
|
||||||
@import 'navigation/breadcrumb/breadcrumb';
|
|
||||||
@import 'navigation/more-link/more-link';
|
@import 'navigation/more-link/more-link';
|
||||||
@import 'navigation/navbar/navbar';
|
@import 'navigation/navbar/navbar';
|
||||||
@import 'navigation/mobile/mobile';
|
@import 'navigation/mobile/mobile';
|
||||||
@import 'navigation/pager/pager';
|
@import 'navigation/pager/pager';
|
||||||
@import 'navigation/skip-link/skip-link';
|
|
||||||
|
|
||||||
// Custom
|
|
||||||
@import 'custom/list-straight-left/list-straight-left';
|
|
||||||
|
|
||||||
// zen
|
// zen
|
||||||
@import 'zen';
|
@import 'zen';
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
/*! typey | GPLv2 License | https://github.com/jptaranto/typey */@media print{.breadcrumb,.pager,.print-none,.skip-link,aside,footer,nav{display:none}}@media print{html{font-size:12pt}.page,body{background-color:#fff}[role=main]{width:100%}:link,:visited{text-decoration:underline}}
|
/*! typey | GPLv2 License | https://github.com/jptaranto/typey */@media print{.pager,.print-none,aside,footer,nav{display:none}}@media print{html{font-size:12pt}.page,body{background-color:#fff}[role=main]{width:100%}:link,:visited{text-decoration:underline}}
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue