Website : rimsha.abasa.com
backdoor
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
canvas
/
app
/
stylesheets
/
pages
/
styleguide
/
Filename :
_styleguide_layout.scss
back
Copy
/* * 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. //// //// ////// Mixins & Silent Classes needed for layout // Note that we've pulled in some css flex box layout classes to help alignment. // Since we share this _layout file with other projects that don't have flexbox grid // or autoprefixer, we've turned these into silent classes to make sure that we can // pull in the right prefixes needed for xbrowser support. ///// %sg-flex { /* 2011 */ display: -moz-flexbox; display: -ms-flexbox; display: -o-flexbox; display: flexbox; /* 2012 */ display: -webkit-flex; display: flex; } %sg-flex-1 { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } %sg-flex-align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } %sg-flex-justify-content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } %sg-flex-align-self { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } ///// ////// Styles for Styleguide ///// html.Sg-only { margin: 0; padding: 0; line-height: normal; font-family: $sg-font; } body.Sg-only { margin: 0; padding: 0; line-height: 1.5; background: $sg-background; } // Hologram class .Sg-Content, // Dresscode class .Sg-Article { > ul, > dl, > ol { margin: 10px 20px; li { @include fontSize($ic-font-size--medium); } } & > hr { border: none; background: none; padding: 0; margin: 5px 0; height: 1px; &.Ruler--dotted { border-top: 1px dotted $sg-content-hr-border-color; } } .sg-src-file-path { font-weight: bold; margin-bottom: $ic-sp * 1.5; } } .Sg-Component-Heading { font-size: 3rem; font-weight: 300; margin: 2.5rem 0 0; }