mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-04-14 09:21:53 +02:00
Folder restructure and file move-around
This commit is contained in:
parent
104ce59dc3
commit
aa78a8f3c5
@ -369,4 +369,8 @@
|
||||
- Restructured folders. `mini-shell` removed, `mini-core` renamed to `mini`. `mini` is the core folder now.
|
||||
- Created branch `v1-neutrino` both locally and on Github to support legacy versions in the future. `master` is now the branch for **Fermion** only.
|
||||
- Aggressive deletion of older files. The following folder are now gone: `scss/mini`, `scss/mini-extra`, `flavors` except for the contents of the `v2` folder and the folder itself.
|
||||
|
||||
- Renamed `_mini.scss` to `_core.scss`, moved to the `scss/v2/mini` directory.
|
||||
- Deleted `accordion` module file as it was obsolete.
|
||||
- Renamed `scss` directory to `src`. Renamed `flavors` directory to `dist`.
|
||||
- Moved flavors from their directory to the `src` directory. CSS files produced from flavor files will go to the `dist` folder, along with the minified versions.
|
||||
- *TODO* Update the `package.json` and `bower.json` files according to the new framework version.
|
@ -1,86 +0,0 @@
|
||||
// Definitions for vertical accordions/collapses.
|
||||
// Accordion styling
|
||||
$accordion-name: 'accordion' !default; // Class name for accordions/collapses
|
||||
[type="checkbox"].#{$accordion-name}, [type="radio"].#{$accordion-name} {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
// Style for the label (toggle)
|
||||
+ label {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
@if $accordion-label-back-color != $back-color {
|
||||
background: $accordion-label-back-color;
|
||||
}
|
||||
@if $accordion-label-fore-color != $fore-color {
|
||||
color: $accordion-label-fore-color;
|
||||
}
|
||||
@if $accordion-border-style != 0 {
|
||||
border: $accordion-border-style;
|
||||
}
|
||||
@if $accordion-border-radius != 0 {
|
||||
border-radius: $accordion-border-radius;
|
||||
}
|
||||
padding: $accordion-label-padding;
|
||||
margin-bottom: $accordion-margin-bottom;
|
||||
}
|
||||
// Style for the content (not customizable)
|
||||
+ label + * {
|
||||
// Hide content, while allowing accessibility
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
clip: rect(0 0 0 0);
|
||||
-webkit-clip-path: inset(100%);
|
||||
clip-path: inset(100%);
|
||||
// Presentation
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
transition: transform 0.3s ease 0s;
|
||||
}
|
||||
// Style for the label (toggle) when content is open
|
||||
&:checked + label {
|
||||
margin-bottom: 0; // Remove bottom margin
|
||||
@if $accordion-separator-border-style != $accordion-border-style {
|
||||
border-bottom: $accordion-separator-border-style;
|
||||
}
|
||||
@if $accordion-border-radius != 0 {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
// Style for the content when open
|
||||
&:checked + label + * {
|
||||
// Display content
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
clip: auto;
|
||||
-webkit-clip-path: inset(0%);
|
||||
clip-path: inset(0%);
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
// Content styling
|
||||
@if $accordion-content-back-color != $back-color {
|
||||
background: $accordion-content-back-color;
|
||||
}
|
||||
@if $accordion-content-fore-color != $fore-color {
|
||||
color: $accordion-content-fore-color;
|
||||
}
|
||||
@if $accordion-border-style != 0 {
|
||||
border: $accordion-border-style;
|
||||
border-top: 0;
|
||||
}
|
||||
@if $accordion-border-radius != 0 {
|
||||
border-bottom-right-radius: $accordion-border-radius;
|
||||
border-bottom-left-radius: $accordion-border-radius;
|
||||
}
|
||||
padding: $accordion-content-padding;
|
||||
margin-bottom: $accordion-margin-bottom;
|
||||
}
|
||||
}
|
@ -391,7 +391,7 @@ $spinner-donut-variant2-back-color: // Background color for donut spi
|
||||
$spinner-donut-variant2-fore-color: // Foreground color for donut spinner variant 2
|
||||
#2e7d32;
|
||||
// Enable mini.css
|
||||
@import '../../scss/v2/mini';
|
||||
@import '../mini/core';
|
||||
// Use mixins for button elements
|
||||
@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);
|
@ -355,16 +355,16 @@ a{
|
||||
// SECTION: External files - core
|
||||
//===================================================
|
||||
// You can comment out modules you do not want to use.
|
||||
@import 'mini/grid';
|
||||
@import 'mini/table';
|
||||
@import 'mini/form';
|
||||
@import 'mini/navigation';
|
||||
@import 'mini/button';
|
||||
@import 'mini/checkbox';
|
||||
@import 'mini/contextual';
|
||||
@import 'mini/progress';
|
||||
@import 'mini/utility';
|
||||
@import 'mini/card';
|
||||
@import 'mini/tab';
|
||||
@import 'mini/spinner';
|
||||
@import 'grid';
|
||||
@import 'table';
|
||||
@import 'form';
|
||||
@import 'navigation';
|
||||
@import 'button';
|
||||
@import 'checkbox';
|
||||
@import 'contextual';
|
||||
@import 'progress';
|
||||
@import 'utility';
|
||||
@import 'card';
|
||||
@import 'tab';
|
||||
@import 'spinner';
|
||||
//===================================================
|
Loading…
x
Reference in New Issue
Block a user