mfbs

CSS microframework
git clone https://git.ce9e.org/mfbs.git

commit
3705cb5a965fd3a92d1b840c574f12ca7080dcb7
parent
88b9b08059b84baecfdc888763b97d799d1723b0
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2022-11-10 06:50
revert focus-visible compat code

Diffstat

M sass/base.scss 10 ++--------
M sass/form.scss 12 ++----------

2 files changed, 4 insertions, 18 deletions


diff --git a/sass/base.scss b/sass/base.scss

@@ -41,23 +41,17 @@ h1, h2, h3, h4, h5, h6 {
   41    41     color: $color-link;
   42    42     text-decoration: underline;
   43    43 
   44    -1     &:hover, &:focus, &:active {
   -1    44     &:hover, &:focus-visible, &:active {
   45    45         color: $color-link-focus;
   46    46     }
   47    -1     &:focus:not(:focus-visible) {
   48    -1         color: $color-link;
   49    -1     }
   50    47 }
   51    48 
   52    49 :visited {
   53    50     color: $color-link-visited;
   54    51 
   55    -1     &:hover, &:focus, &:active {
   -1    52     &:hover, &:focus-visible, &:active {
   56    53         color: $color-link-visited-focus;
   57    54     }
   58    -1     &:focus:not(:focus-visible) {
   59    -1         color: $color-link-visited;
   60    -1     }
   61    55 }
   62    56 
   63    57 hr {

diff --git a/sass/form.scss b/sass/form.scss

@@ -17,12 +17,9 @@ select {
   17    17     background: $color-bg;
   18    18     color: $color-fg;
   19    19 
   20    -1     &:focus {
   -1    20     &:focus-visible {
   21    21         border-color: $color-link-focus;
   22    22     }
   23    -1     &:focus:not(:focus-visible) {
   24    -1         border-color: $color-border;
   25    -1     }
   26    23     &:disabled {
   27    24         border-color: $color-border;
   28    25         background: $color-bg-tint;
@@ -40,16 +37,11 @@ textarea {
   40    37     background: $color;
   41    38     color: $color-contrast;
   42    39 
   43    -1     &:hover, &:focus {
   -1    40     &:hover, &:focus-visible {
   44    41         border-color: mix($color, $color-focus, 50%);
   45    42         background: mix($color, $color-focus, 50%);
   46    43         color: $color-contrast;
   47    44     }
   48    -1     &:focus:not(:focus-visible) {
   49    -1         border-color: $color;
   50    -1         background: $color;
   51    -1         color: $color-contrast;
   52    -1     }
   53    45     &:active {
   54    46         border-color: $color-focus;
   55    47         background: $color-focus;