SWAMPy

✎ CARVE FLESH

EDITING: _styleguide_setup.scss

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

////
// Note: We share this file with other Instructure projects so we can
// maintain a consistent look feel with our styleguides.
// If you edit something in there please throw a reference in #ui so we
// can make sure to update this file in other projects.
////
//// Styleguide Setup Variables
////////
// These variables set all the colors and styles needed to
// style out the styleguide itself. If there is something in
// _styleguide_app or styleguide_syntax that you need to edit
// please talk to the Canvas UI dev team so we can add that as
// a functional variable in ours.
////////
$sg-background: #fff !default;
$sg-codefont: "Monaco", "Courier", monospace !default;
$sg-font: "Helvetica Neue", "Helvetica", Arial, sans-serif !default;

$sg-background-global-nav: $ic-color-medium-darker !default;
$sg-background-sub-nav: $ic-color-dark !default;
$sg-background-links: $sg-background-global-nav !default;
$sg-background-text: $ic-color-dark !default;

$sg-header-navigation-item: $ic-color-light !default;
$sg-header-navigation-item--hover: $ic-color-neutral !default;
$sg-header-navigation-item--active: $ic-color-light !default;
$sg-title-border: $ic-color-medium !default;

$sg-header-subnavigation-item: $ic-color-light !default;
$sg-header-subnavigation-item--hover: $ic-color-neutral !default;
$sg-header-subnavigation-item--active: $ic-color-light !default;

$sg-content-title-font-color: $ic-color-light !default;
$sg-content-hr-border-color: $sg-background-global-nav !default;

$sg-src-file-path-border-color: $ic-color-light !default;
$sg-src-file-path-font-color: $ic-color-light !default;

//// Stylesheet Examples & Syntax
////////
$sg-example-tag-color: var(--ic-brand-primary) !default;
$sg-example-string-color: $ic-color-neutral !default;
$sg-example-border: $ic-color-neutral !default;
$sg-example-main-color: $ic-color-dark !default;
$sg-syntax-main-font-color: $ic-color-light !default;
$sg-example-title-color: $ic-color-light !default;
//// Stylesheet Logo
////////
// There is a logo that goes in the top left of the theme. This can
// be taken out by commenting out the code below, or changed for a
// different logo by editing the path.
@mixin sg-header-logo {
  background: transparent url("/images/sg-logo.svg") 1% 50% no-repeat;
  background-size: 23px;
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 _styleguide_app.scss	SCSS	3.9 KB	2023-09-24 03:36	EDIT
📄 _styleguide_layout.scss	SCSS	2.7 KB	2023-09-24 03:36	EDIT
📄 _styleguide_setup.scss	SCSS	2.9 KB	2023-09-24 03:36	EDIT
📄 _styleguide_syntax.scss	SCSS	6.3 KB	2023-09-24 03:36	EDIT