Anjing Webshells

Website : rimsha.abasa.com
: / var / canvas / app / stylesheets / pages / styleguide /
Filename : _styleguide_layout.scss
back
/*
 * 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;
}