mirror of
https://github.com/yldio/copilot.git
synced 2024-11-13 14:50:07 +02:00
6a994e05f6
* creating css .stylelintrc file (cherry picked from commit df0a573666151fb522cb203f82a7a6a979fc33cc) * updating lintfile (cherry picked from commit 623ad22d69566a912988239c05d2f803e735362f) * ignore base bootstrap styles (cherry picked from commit 0ea94926a004367a67983b08a8ea47c974ef6e49) * Working on making css inline with css linting (cherry picked from commit 259fdfcaf9ae280e664471c7d5278214d991168e) * removing generic class names and nesting for clear names without nesting (cherry picked from commit d0427c2c09771df049ed9ab4e7b5d2f2076106fd) * making components compatable with new css lint (cherry picked from commit b147f157c3b9b39708a750f281d8278211454137) * updating csslint file (cherry picked from commit 53b0480476b6e5c4d94763baeaef7d33e9c2342d) * adding alphabetical ordering to stylelint and updating css files with this (cherry picked from commit a6b7860efa01e673df20546bb5830587eeb140d6) * integrate stylelint with webpack this way we can integrate postcss plugins # Conflicts: # ui/yarn.lock * exit process with 1, when stylelint finds issues * listen to unhandled rejection from stylelint * use stylelintignore * fix stylelint raised issues
31 lines
716 B
CSS
31 lines
716 B
CSS
~boxes: "./constants.js";
|
|
|
|
@define-mixin pseduo-element $type, $width:auto, $height:auto, $top:auto, $right:auto, $bottom:auto, $left:auto {
|
|
position: relative;
|
|
|
|
&:$( type ) {
|
|
bottom: $bottom;
|
|
content: "";
|
|
display: inline-block;
|
|
height: $height;
|
|
left: $left;
|
|
position: absolute;
|
|
right: $right;
|
|
top: $top;
|
|
width: $width;
|
|
|
|
@mixin-content;
|
|
}
|
|
}
|
|
|
|
@define-mixin move-z $amount:0, $position:relative {
|
|
position: $position;
|
|
z-index: $amount;
|
|
}
|
|
|
|
@define-mixin create-base-box-properties $border-radius: ~boxes.borderRadius, $border: ~boxes.border.unchecked, $box-shadow: ~boxes.bottomShaddow {
|
|
border: $border;
|
|
border-radius: $border-radius;
|
|
box-shadow: $box-shadow;
|
|
}
|