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

Final iOS 18.2 bug fix for [dir=rtl] dropdowns

Browse source 
Added Azure to theme build list
This commit is contained in:
Yohn 2024-12-14 11:08:38 -05:00
parent 27ccea2e53
commit 130b1cda4e
255 changed files with 22393 additions and 242 deletions
Download patch file Download diff file Expand all files Collapse all files

6
scss/components/_nav.scss
View file

@ -1,5 +1,4 @@
@use "sass:map";
@use "sass:string";
@use "../settings" as *;
@if map.get($modules, "components/nav") {
@ -14,8 +13,9 @@
// https://github.com/picocss/pico/issues/634#issuecomment-2541600508
:where(nav li)::before {
float: none; // fixes safari bug in dropdowns. Previously was: left
//content: " "; //\200B"; // makes voice overs realize its a list item
content: string.unquote('"\\200B"');
content: " "; //\200B"; // makes voice overs realize its a list item
//@use "sass:string"; // if we want to use the original \200B content value, we need to add this line to the top.
//content: string.unquote('"\\200B"'); // created a big gap between list items
}
// Pico

18
scss/helpers/_functions.scss
View file

@ -54,3 +54,21 @@
shadow-layer($box-shadow-elevation, $box-shadow-blur-strength, $box-shadow-opacity, $color),
0 0 0 0.0625rem #{rgba($color, ($box-shadow-opacity * 0.25))};
}
// tint-color, shade-color, and shift-color
// borrowed from Bootstrap 5.3.3
// MIT License github.com/twbs/bootstrap
// Tint a color: mix a color with white
@function tint-color($color, $weight) {
@return mix(white, $color, $weight);
}
// Shade a color: mix a color with black
@function shade-color($color, $weight) {
@return mix(black, $color, $weight);
}
// Shade the color if the weight is positive, else tint it
@function shift-color($color, $weight) {
@return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
}