mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-08 06:46:29 +02:00
Code Issues Releases Wiki Activity

Restructure and card module initial (empty) commit

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-02 23:39:11 +02:00
parent cffcec5e8b
commit ad02c60db7
5 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/v2/DEVLOG.md
View File

@@ -283,3 +283,5 @@
- Added `make-floats` and `make-center-block` mixins along with `make-clearfix` mixin from *v1*. - Added `make-floats` and `make-center-block` mixins along with `make-clearfix` mixin from *v1*.
- Explained utilities in demo page. - Explained utilities in demo page.
- Deployed demo page with utilities docs. - Deployed demo page with utilities docs.
- Started developing `shell`. Added `shell` file and `mini-shell/card` file for the `card` module.
- Actually deleted `shell` file, moved everything to `core` file, renamed to `_mini.scss`.

2
docs/v2/index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<!-- Live demo styled as of 20161102 --> <!-- Live demo styled as of 20161102 -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/bd3b5cbc4efd3c58bfbdb443a72e5aa5b34cfefc/flavors/v2/mini-default.min.css"> <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/cffcec5e8bc45e44a8861fc2817890a204958877/flavors/v2/mini-default.min.css">
<link rel="stylesheet" href="../../flavors/v2/mini-default.css"> <link rel="stylesheet" href="../../flavors/v2/mini-default.css">
<title>mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework</title> <title>mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework</title>
<meta charset="utf-8"> <meta charset="utf-8">

20
flavors/v2/mini-default.scss
View File

@@ -301,7 +301,7 @@ $progress-style1-height: 2px; // Height for <progress> style 1
$progress-style1-margin: 0 auto 1px; // Margin for <progress> style 1 $progress-style1-margin: 0 auto 1px; // Margin for <progress> style 1
$progress-style1-border-style: 0; // Border style for <progress> style 1 $progress-style1-border-style: 0; // Border style for <progress> style 1
$progress-style1-border-radius: 0; // Border radius for <progress> style 1 $progress-style1-border-radius: 0; // Border radius for <progress> style 1
// Variables for core utilities and helper classes. // Variables for core utilities and helper classes
$border-generic-name: 'bordered'; // Class name for generic border style $border-generic-name: 'bordered'; // Class name for generic border style
$border-radial-style1-name: 'rounded'; // Class name for radial border style 1 $border-radial-style1-name: 'rounded'; // Class name for radial border style 1
$border-radial-style1-radius: 2px; // Border radius for radial border style 1 $border-radial-style1-radius: 2px; // Border radius for radial border style 1
@@ -313,9 +313,13 @@ $float-prefix: 'float'; // Prefix for float classes
$clearfix-name: 'clearfix'; // Class name for clearfix $clearfix-name: 'clearfix'; // Class name for clearfix
$center-block-name: 'center-block'; // Class name for center block $center-block-name: 'center-block'; // Class name for center block
$breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs $breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs
// Enable base // Variables for cards [1]
@import '../../scss/v2/core';
// Use mixins for button elements. // Notes:
// [1] - The cards module depends heavily on the grid system module.
// Enable mini.css
@import '../../scss/v2/mini';
// Use mixins for button elements
@include make-button-alt-color ($button-variant1-name, $button-variant1-back-color, @include make-button-alt-color ($button-variant1-name, $button-variant1-back-color,
$button-variant1-back-opacity, $button-variant1-hover-back-opacity, $button-variant1-fore-color); $button-variant1-back-opacity, $button-variant1-hover-back-opacity, $button-variant1-fore-color);
@include make-button-alt-color ($button-variant2-name, $button-variant2-back-color, @include make-button-alt-color ($button-variant2-name, $button-variant2-back-color,
@@ -326,23 +330,23 @@ $breadcrumbs-name: 'breadcrumbs'; // Class name for breadcrumbs
$button-style1-border-radius, $button-style1-padding, $button-style1-margin); $button-style1-border-radius, $button-style1-padding, $button-style1-margin);
@include make-button-alt-style ($button-style2-name, $button-style2-border-style, @include make-button-alt-style ($button-style2-name, $button-style2-border-style,
$button-style2-border-radius, $button-style2-padding, $button-style2-margin); $button-style2-border-radius, $button-style2-padding, $button-style2-margin);
// Custom button style demonstration (not enabled). // Custom button style demonstration (not enabled)
//@include make-button-alt-color ($button-custom-name, $button-custom-back-color, //@include make-button-alt-color ($button-custom-name, $button-custom-back-color,
// $button-custom-back-opacity, $button-custom-hover-back-opacity); // $button-custom-back-opacity, $button-custom-hover-back-opacity);
//@include make-button-alt-style ($button-custom-name, $button-custom-border-style, //@include make-button-alt-style ($button-custom-name, $button-custom-border-style,
// $button-custom-border-radius, $button-custom-padding, $button-custom-margin); // $button-custom-border-radius, $button-custom-padding, $button-custom-margin);
// Use mixins for contextual background elements. // Use mixins for contextual background elements
@include make-mark-alt-color ($mark-variant1-name, $mark-variant1-back-color); @include make-mark-alt-color ($mark-variant1-name, $mark-variant1-back-color);
@include make-mark-alt-color ($mark-variant2-name, $mark-variant2-back-color); @include make-mark-alt-color ($mark-variant2-name, $mark-variant2-back-color);
@include make-mark-alt-style ($mark-style1-name, $mark-style1-border-radius, $mark-style1-padding); @include make-mark-alt-style ($mark-style1-name, $mark-style1-border-radius, $mark-style1-padding);
@include make-mark-alt-style ($mark-style2-name, $mark-style2-border-radius, $mark-style2-padding); @include make-mark-alt-style ($mark-style2-name, $mark-style2-border-radius, $mark-style2-padding);
// Use mixins for progress elements. // Use mixins for progress elements
@include make-progress-inline ($progress-inline-name, $progress-inline-width); @include make-progress-inline ($progress-inline-name, $progress-inline-width);
@include make-progress-alt-color ($progress-variant1-name, $progress-variant1-fore-color); @include make-progress-alt-color ($progress-variant1-name, $progress-variant1-fore-color);
@include make-progress-alt-color ($progress-variant2-name, $progress-variant2-fore-color); @include make-progress-alt-color ($progress-variant2-name, $progress-variant2-fore-color);
@include make-progress-alt-style ($progress-style1-name, $progress-style1-height, @include make-progress-alt-style ($progress-style1-name, $progress-style1-height,
$progress-style1-margin, $progress-style1-border-style, $progress-style1-border-radius); $progress-style1-margin, $progress-style1-border-style, $progress-style1-border-radius);
// Use mixins for core utilities and helper classes. // Use mixins for core utilities and helper classes
@include make-border-generic ($border-generic-name); @include make-border-generic ($border-generic-name);
@include make-border-radial-style ($border-radial-style1-name, $border-radial-style1-radius); @include make-border-radial-style ($border-radial-style1-name, $border-radial-style1-radius);
@include make-border-radial-style ($border-radial-style2-name, $border-radial-style2-radius); @include make-border-radial-style ($border-radial-style2-name, $border-radial-style2-radius);

7
scss/v2/_core.scss → scss/v2/_mini.scss
View File

@@ -352,7 +352,7 @@ a{
} }
} }
//=================================================== //===================================================
// SECTION: External files. // SECTION: External files - core
//=================================================== //===================================================
// You can comment out modules you do not want to use. // You can comment out modules you do not want to use.
@import 'mini-core/grid'; @import 'mini-core/grid';
@@ -365,3 +365,8 @@ a{
@import 'mini-core/progress'; @import 'mini-core/progress';
@import 'mini-core/utility'; @import 'mini-core/utility';
//=================================================== //===================================================
// SECTION: External files - shell
//===================================================
// You can comment out modules you do not want to use.
@import 'mini-shell/card';
//===================================================

2
scss/v2/mini-shell/_card.scss Normal file
View File

@@ -0,0 +1,2 @@
// Definitions for cards and containers.
// Dependency: This module depends heavily on the grid system module.