aboutsummaryrefslogtreecommitdiffstats
path: root/scss/uikit/theme/card.scss
diff options
context:
space:
mode:
authorGravatar Gareth Coles <[email protected]>2018-06-05 16:07:35 +0100
committerGravatar GitHub <[email protected]>2018-06-05 16:07:35 +0100
commit13a3c1e29473aa9f563e8db4ad94cb3eee9bdfe6 (patch)
tree290c6d668ec9161a39065456a33ec634215907cc /scss/uikit/theme/card.scss
parentdocumentation metadata API (#57) (diff)
Move from CSS to SCSS (#86)
* Rewrite existing style.css with sass * Add "uses-rst" class for pages that use rendered RST This replaces the previous method of just listing every page in the sass * Remove old debug print * Mixins and error pages * Newly built CSS * Add SASS cache to .gitignore * New error SASS * Slight changes to error template * Add UIKit SCSS to repo This includes the LICENSE and our customizations, which makes life way easier for contributors * Reorganize sass folder; your watchers can avoid uikit now * Sass folder should be called scss * Change variable names * [SCSS] Linting * Fix scss_lint gem name [ci skip] * [SCSS] Now you can compile with just Python! * Temporary hack to make the wiki editor taller * [SCSS] @jchristgit * [SCSS.py] Require specification of include dir to simplify the SCSS imports * [SCSS] All inline styles have been removed * [SCSS] Update UIKit theme to import from our variables * [SCSS] Remove extra newlines in errors/_common.scss
Diffstat (limited to 'scss/uikit/theme/card.scss')
-rw-r--r--scss/uikit/theme/card.scss125
1 files changed, 125 insertions, 0 deletions
diff --git a/scss/uikit/theme/card.scss b/scss/uikit/theme/card.scss
new file mode 100644
index 00000000..9e8fe2bc
--- /dev/null
+++ b/scss/uikit/theme/card.scss
@@ -0,0 +1,125 @@
+//
+// Component: Card
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$card-hover-background: $global-background !default;
+
+$card-default-background: $global-background !default;
+$card-default-hover-background: $card-default-background !default;
+
+$card-primary-hover-background: $card-primary-background !default;
+
+$card-secondary-hover-background: $card-secondary-background !default;
+
+//
+// New
+//
+
+$card-hover-box-shadow: $global-large-box-shadow !default;
+
+$card-default-box-shadow: $global-medium-box-shadow !default;
+$card-default-hover-box-shadow: $global-large-box-shadow !default;
+
+$card-default-header-border-width: $global-border-width !default;
+$card-default-header-border: $global-border !default;
+
+$card-default-footer-border-width: $global-border-width !default;
+$card-default-footer-border: $global-border !default;
+
+$card-primary-box-shadow: $global-medium-box-shadow !default;
+$card-primary-hover-box-shadow: $global-large-box-shadow !default;
+
+$card-secondary-box-shadow: $global-medium-box-shadow !default;
+$card-secondary-hover-box-shadow: $global-large-box-shadow !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Sections
+// ========================================================================
+
+// @mixin hook-card-body(){}
+
+// @mixin hook-card-header(){}
+
+// @mixin hook-card-footer(){}
+
+
+// Media
+// ========================================================================
+
+// @mixin hook-card-media(){}
+
+// @mixin hook-card-media-top(){}
+
+// @mixin hook-card-media-bottom(){}
+
+// @mixin hook-card-media-left(){}
+
+// @mixin hook-card-media-right(){}
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-card-title(){}
+
+
+// Badge
+// ========================================================================
+
+// @mixin hook-card-badge(){}
+
+
+// Hover modifier
+// ========================================================================
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+// @mixin hook-card-default-title(){}
+
+
+
+
+
+
+
+//
+// Primary
+//
+
+
+
+// @mixin hook-card-primary-title(){}
+
+
+
+//
+// Secondary
+//
+
+
+
+// @mixin hook-card-secondary-title(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+