mirror of
https://github.com/canonical/canonical-design.git
synced 2025-07-21 23:22:58 +00:00
99 lines
2.3 KiB
SCSS
99 lines
2.3 KiB
SCSS
// Import the framework
|
|
@import "vanilla-framework";
|
|
|
|
// Include all of Vanilla Framework
|
|
@include vanilla;
|
|
|
|
// import cookie policy
|
|
@import "@canonical/cookie-policy/build/css/cookie-policy";
|
|
|
|
// Site patterns
|
|
@import "pattern-resources";
|
|
@include design-p-resources;
|
|
@include vf-p-icons;
|
|
@include vf-p-icon-highlight-off;
|
|
@include vf-p-icon-highlight-on;
|
|
@include vf-p-icon-home;
|
|
@include vf-p-icon-import;
|
|
@include vf-p-icon-in-progress;
|
|
@include vf-p-icon-info;
|
|
@include vf-p-icon-inspector-debug;
|
|
@include vf-p-icon-warning-grey;
|
|
@include vf-p-icon-spinner;
|
|
@include vf-p-icon-controllers;
|
|
@include vf-p-icon-change-version;
|
|
@include vf-p-icon-loading-steps;
|
|
@include vf-p-icon-lock-locked-active;
|
|
@include vf-p-icon-lock-locked;
|
|
@include vf-p-icon-lock-unlock;
|
|
@include vf-p-icon-machines;
|
|
@include vf-p-icon-maximise-bar;
|
|
@include vf-p-icon-menu;
|
|
@include vf-p-icon-minimise-bar;
|
|
@include vf-p-icon-minus;
|
|
@include vf-p-icon-models;
|
|
@include vf-p-icon-mount-2;
|
|
@include vf-p-icon-mount;
|
|
@include vf-p-icon-open-terminal;
|
|
@include vf-p-icon-pin;
|
|
@include vf-p-icon-plans;
|
|
@include vf-p-icon-plus;
|
|
@include vf-p-icon-pods;
|
|
@include vf-p-icon-power-error;
|
|
@include vf-p-icon-power-off;
|
|
@include vf-p-icon-power-on;
|
|
@include vf-p-icon-profile;
|
|
@include vf-p-icon-help;
|
|
@include vf-p-icon-restart;
|
|
@include vf-p-icon-revisions;
|
|
@include vf-p-icon-search;
|
|
@include vf-p-icon-security;
|
|
@include vf-p-icon-settings;
|
|
@include vf-p-icon-share;
|
|
@include vf-p-icon-show;
|
|
@include vf-p-icon-sort-both;
|
|
@include vf-p-icon-sort-down;
|
|
@include vf-p-icon-sort-up;
|
|
@include vf-p-icon-starred;
|
|
@include vf-p-icon-status-failed-small;
|
|
@include vf-p-icon-error;
|
|
@include vf-p-icon-status-in-progress-small;
|
|
@include vf-p-icon-status-in-progress;
|
|
@include vf-p-icon-status-queued-small;
|
|
@include vf-p-icon-status-queued;
|
|
|
|
// Blockquote style override until officially in vanilla
|
|
.p-pull-quote {
|
|
border-left: 3px solid #e95420;
|
|
padding-bottom: 0.75rem;
|
|
|
|
.p-pull-quote__quote {
|
|
font-style: italic;
|
|
|
|
&:first-of-type::before,
|
|
&:last-of-type::after {
|
|
content: "";
|
|
}
|
|
}
|
|
|
|
.p-pull-quote__citation {
|
|
font-style: normal;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.article-image a img {
|
|
height: 100%;
|
|
}
|
|
|
|
.font-tester__demo {
|
|
height: 300px;
|
|
margin: 2.5rem 0;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.is-ubuntu-mono {
|
|
font-family: "Ubuntu Mono variable", monospace;
|
|
}
|