OwlCyberSecurity - MANAGER

Edit File: _inuit.scss

/*------------------------------------*\ INUIT.CSS \*------------------------------------*/ /*!* * * inuitcss.com -- @inuitcss -- @csswizardry * */ /** * inuit.css acts as a base stylesheet which you should extend with your own * theme stylesheet. * * inuit.css aims to do the heavy lifting; sorting objects and abstractions, * design patterns and fiddly bits of CSS, whilst leaving as much design as * possible to you. inuit.css is the scaffolding to your decorator. * * This stylesheet is heavily documented and contains lots of comments, please * take care to read and refer to them as you build. For further support please * tweet at @inuitcss. * * Owing to the amount of comments please only ever use minified CSS in * production. This file is purely a dev document. * * The table of contents below maps to section titles of the same name, to jump * to any section simply run a find for $[SECTION-TITLE]. * * Most objects and abstractions come with a chunk of markup that you should be * able to paste into any view to quickly see how the CSS works in conjunction * with the correct HTML. * * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines * * LICENSE * * Copyright 2013 Harry Roberts * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * * Thank you for choosing inuit.css. May your web fonts render perfectly. */ /*------------------------------------*\ $CONTENTS \*------------------------------------*/ /** * CONTENTS............You’re reading it! * WARNING.............Here be dragons! * IMPORTS.............Begin importing the sections below * * MIXINS..............Super-simple Sass stuff * NORMALIZE...........normalize.css * RESET...............Set some defaults * CLEARFIX............ * SHARED..............Shared declarations * * MAIN................High-level elements like `html`, `body`, etc. * HEADINGS............Double-stranded heading hierarchy * PARAGRAPHS.......... * SMALLPRINT..........Smaller text elements like `small` * QUOTES.............. * CODE................ * LISTS............... * IMAGES.............. * TABLES.............. * FORMS............... * * GRIDS...............Fluid, proportional and nestable grids * FLEXBOX.............Crudely emulate flexbox * COLUMNS.............CSS3 columns * NAV.................A simple abstraction to put a list in horizontal nav mode * OPTIONS.............Grouped nav items * PAGINATION..........Very stripped back, basic paginator * BREADCRUMB..........Simple breadcrumb trail object * MEDIA...............Media object * MARGINALIA..........Simple marginalia content * ISLAND..............Boxed off content * BLOCK-LIST..........Blocky lists of content * MATRIX..............Gridded lists * SPLIT...............A simple split-in-two object * THIS-OR-THIS........Options object * LINK-COMPLEX........ * FLYOUT..............Flyout-on-hover object * ARROWS..............CSS arrows * SPRITE..............Generic spriting element * ICON-TEXT...........Icon and text couplings * BEAUTONS............Use the beautons micro library * LOZENGES............Basic lozenge styles * RULES...............Horizontal rules * STATS...............Simple stats object * GREYBOX.............Wireframing styles * * WIDTHS..............Width classes for use alongside the grid system etc. * PUSH................Push classes for manipulating grids * PULL................Pull classes for manipulating grids * BRAND...............Helper class to apply brand treatment to elements * HELPER..............A series of helper classes to use arbitrarily * DEBUG...............Enable to add visual flags for debugging purposes */ /*------------------------------------*\ $WARNING \*------------------------------------*/ /* * inuit.css, being an OO framework, works in keeping with the open/closed * principle. The variables you set previously are now being used throughout * inuit.css to style everything we need for a base. Any custom styles SHOULD * NOT be added or modified in inuit.css directly, but added via your theme * stylesheet as per the open/closed principle: * * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css * * Try not to edit any CSS beyond this point; if you find you need to do so * it is a failing of the framework so please tweet at @inuitcss. */ /*------------------------------------*\ $IMPORTS \*------------------------------------*/ /** * Generic utility styles etc. */ @import "defaults"; @import "generic/mixins"; @import "generic/normalize"; @import "generic/reset"; @import "generic/clearfix"; @import "generic/shared"; /** * Base styles; unclassed HTML elements etc. */ @import "base/main"; @import "base/headings"; @import "base/paragraphs"; @import "base/smallprint"; @import "base/quotes"; @import "base/code"; @import "base/images"; @import "base/lists"; @import "base/tables"; @import "base/forms"; /** * Objects and abstractions */ @import "objects/grids"; @import "objects/flexbox"; @import "objects/columns"; @import "objects/nav"; @import "objects/options"; @import "objects/pagination"; @import "objects/breadcrumb"; @import "objects/media"; @import "objects/marginalia"; @import "objects/island"; @import "objects/block-list"; @import "objects/matrix"; @import "objects/split"; @import "objects/this-or-this"; @import "objects/link-complex"; @import "objects/flyout"; @import "objects/arrows"; @import "objects/sprite"; @import "objects/icon-text"; @import "objects/beautons"; @import "objects/lozenges"; @import "objects/rules"; @import "objects/stats"; @import "objects/greybox"; @import "objects/greedy"; /** * Style trumps; helper and brand classes */ // @import "generic/widths"; // @import "generic/push"; // @import "generic/pull"; @import "generic/brand"; @import "generic/helper"; @import "generic/debug";