mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 10:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: files structure

Browse source
This commit is contained in:
Lucas Larroche 2024-01-29 23:31:37 +07:00
parent bcac2dca3f
commit 9fa6aa5fab
244 changed files with 8531 additions and 8530 deletions
Download patch file Download diff file Expand all files Collapse all files

8
scss/_index.scss
View file

@ -1,4 +1,4 @@
@use "utils/copyright";
@use "helpers/copyright";
// Config
@forward "settings";
@ -9,17 +9,17 @@
// Layout
@use "layout/document"; // html
@use "layout/landmarks"; // body, header, main, footer
@use "layout/container"; // .container, .container-fluid
@use "layout/section"; // section
@use "layout/container"; // .container, .container-fluid
@use "layout/grid"; // .grid
@use "layout/overflow-auto"; // .overflow-auto
// Content
@use "content/link"; // a, role="link"
@use "content/typography"; // headings, p, ul, blockquote, ...
@use "content/embedded"; // audio, canvas, iframe, img, svg, video
@use "content/link"; // a, role="link"
@use "content/button"; // button, role="button", type="button", type="submit" ...
@use "content/table"; // table, tr, td, ...
@use "content/embedded"; // audio, canvas, iframe, img, svg, video
@use "content/code"; // pre, code, ...
@use "content/figure"; // figure, figcaption
@use "content/miscs"; // hr, template, [hidden], dialog, canvas

0
scss/utils/_copyright.scss → scss/helpers/_copyright.scss
View file

7
scss/utils/_box-shadow.scss → scss/helpers/_functions.scss
View file

@ -1,7 +1,14 @@
// Display color as RGB
@function display-rgb($color) {
@return unquote("rgb(" + red($color) + ", " + green($color) + ", " + blue($color) + ")");
}
// Generate a shadow layer
@function shadow-layer($elevation, $blur, $opacity, $color) {
@return #{($elevation * 0.5)} #{$elevation} #{$blur} #{rgba($color, $opacity)};
}
// Generate a shadow with 7 layers
@function shadow($color) {
$box-shadow-elevation: 1rem;
$box-shadow-blur-strengh: 6rem;

2
scss/pico.colors.scss
View file

@ -1,2 +1,2 @@
@use "utils/copyright";
@use "helpers/copyright";
@use "colors/utilities";

5
scss/themes/default/_dark.scss
View file

@ -1,8 +1,7 @@
@use "sass:map";
@use "../../colors" as *;
@use "../../settings" as *;
@use "../../utils/box-shadow";
@use "../../utils/functions";
@use "../../helpers/functions";
@use "theme-colors";
// Default: Dark theme
@ -56,7 +55,7 @@
#{$css-var-prefix}contrast-inverse: #{$black};
// Box shadow
#{$css-var-prefix}box-shadow: box-shadow.shadow(mix($black, $slate-950));
#{$css-var-prefix}box-shadow: functions.shadow(mix($black, $slate-950));
// Typography
@if map.get($modules, "content/typography") {

5
scss/themes/default/_light.scss
View file

@ -1,8 +1,7 @@
@use "sass:map";
@use "../../colors" as *;
@use "../../settings" as *;
@use "../../utils/box-shadow";
@use "../../utils/functions";
@use "../../helpers/functions";
@use "theme-colors";
// Default: Light theme
@ -56,7 +55,7 @@
#{$css-var-prefix}contrast-inverse: #{$white};
// Box shadow
#{$css-var-prefix}box-shadow: box-shadow.shadow($slate-400);
#{$css-var-prefix}box-shadow: functions.shadow($slate-400);
// Typography
@if map.get($modules, "content/typography") {

2
scss/themes/default/_styles.scss
View file

@ -1,7 +1,7 @@
@use "sass:map";
@use "../../colors" as *;
@use "../../settings" as *;
@use "../../utils/functions";
@use "../../helpers/functions";
@use "theme-colors";
@if map.get($modules, "themes/default") {

4
scss/utils/_functions.scss
View file

@ -1,4 +0,0 @@
// Display color as RGB
@function display-rgb($color) {
@return unquote("rgb(" + red($color) + ", " + green($color) + ", " + blue($color) + ")");
}