baseline-scss 0.3.0 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9755d89b7b2d330d040774fd5989a2238d978db2abf8e8c101a4022d6f92d877
-  data.tar.gz: 9dfc6ae6d7ac0567c0429e2504dff8f7dc72b672c2757c5f2ccaa53a5a4261b1
+  metadata.gz: 7a4f73d41cee2712815cff5fd02ab9237c235a0cd4a808640817f0d298e87027
+  data.tar.gz: 3419a1fda0a7b35ea0b5e3b2e468dddbbf9a821020419c29e42c77bcfc0678d8
 SHA512:
-  metadata.gz: 5e039450b77684a327d072edbd14ba6aa3eda1a0abd5b15d7b4f15ca36823579141894d2aeed93aeaaadd47e514206a8671ee69b4c761cb4b1332defe47dc670
-  data.tar.gz: 26c8ace3bfc321f7324025f9f2b94e7c0c5ca5ad200165eceedb262b503f690019e7d1874d3f724ef05560437ecce3c93a9ac6019144e7d3120a446631092dba
+  metadata.gz: b0a49bd73bbece759e4f0918ca30c7b76ef2a2dadc5e32265e977c1d8bb4493976368fc28af5560d188b07206859983061599415c5833574058d6c7e3ea378a0
+  data.tar.gz: cc9b2a00d7cde17f1a87d005f7904f6a7d8975ee9a8f7f51b661209725285e3061926d1a17fb23d38e2c065d2ddcae577674671f9414428c44dc9fc50446e9d3

data/lib/baseline_scss/version.rb

@@ -1,3 +1,3 @@
 module BaselineScss
-  VERSION = '0.3.0'.freeze
+  VERSION = '0.3.2'.freeze
 end

data/src/_reboot.scss

@@ -23,7 +23,7 @@
   @include outline();
 }
 // Don't outline elements that programmatically receive focus but wouldn't normally show an outline.
-[tabindex="-1"]:focus:not(:focus-visible) {
+[tabindex='-1']:focus:not(:focus-visible) {
   outline: 0 !important;
 }
 
@@ -119,12 +119,26 @@ textarea {
   }
 }
 
-[role="button"] {
+[role='button'] {
   cursor: pointer; // Set the cursor for non-`<button>` buttons.
 }
 
-[type="search"] {
+[type='search'] {
   outline-offset: -.2rem;
+
+  &::-ms-clear,
+  &::-ms-reveal {
+    display: none;
+    height: 0;
+    width : 0;
+  }
+
+  &::-webkit-search-decoration,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    display: none;
+  }
 }
 
 output {
@@ -162,15 +176,6 @@ textarea {
   padding: 0;
 }
 
-// Lists
-dt {
-  font-weight: bold;
-}
-
-dd {
-  margin-left: 0;
-}
-
 // Multimedia
 audio,
 canvas,

data/src/_variables.scss

@@ -66,12 +66,14 @@ $_half_floor: $_ - $_half_ceil !default;
   --button_background_color_focus: var(--button_background_color);
   --button_background_color_active: #f5f5f5;
   --button_background_color_disabled: #eee;
+  --button_background_color_read_only: var(--button_background_color_disabled);
 
   --button_border_color: #767676;
   --button_border_color_hover: #4f4f4f;
   --button_border_color_focus: var(--button_border_color);
   --button_border_color_active: #8d8d8d;
   --button_border_color_disabled: #d0d0d0;
+  --button_border_color_read_only: var(--button_border_color_disabled);
 
   --button_border_style: solid;
 
@@ -84,6 +86,7 @@ $_half_floor: $_ - $_half_ceil !default;
   --button_color_focus: var(--button_color);
   --button_color_active: var(--button_color);
   --button_color_disabled: #b3b3b3;
+  --button_color_read_only: var(--button_color_disabled);
 
   --button_height: calc(2 * var(--_));
 
@@ -99,12 +102,14 @@ $_half_floor: $_ - $_half_ceil !default;
   --input_background_color_focus: var(--input_background_color);
   --input_background_color_active: var(--input_background_color);
   --input_background_color_disabled: #eee;
+  --input_background_color_read_only: var(--input_background_color_disabled);
 
   --input_border_color: #767676;
   --input_border_color_hover: #4f4f4f;
   --input_border_color_focus: var(--input_border_color);
   --input_border_color_active: #8d8d8d;
   --input_border_color_disabled: #d0d0d0;
+  --input_border_color_read_only: var(--input_border_color_disabled);
 
   --input_border_style: inset;
 
@@ -117,6 +122,7 @@ $_half_floor: $_ - $_half_ceil !default;
   --input_color_focus: var(--input_color);
   --input_color_active: var(--input_color);
   --input_color_disabled: #b3b3b3;
+  --input_color_read_only: var(--input_color_disabled);
 
   --input_height: calc(var(--_) * 2);
 

data/src/content/_buttons.scss

@@ -33,5 +33,11 @@
     color: var(--button_color_disabled);
     pointer-events: none;
   }
+
+  &:read-only {
+    background-color: var(--button_background_color_read_only);
+    border-color: var(--button_border_color_read_only);
+    color: var(--button_color_read_only);
+  }
 }
 

data/src/content/_forms.scss

@@ -58,6 +58,12 @@ select {
     color: var(--input_color_disabled);
     pointer-events: none;
   }
+
+  &:read-only {
+    background-color: var(--input_background_color_read_only);
+    border-color: var(--input_border_color_read_only);
+    color: var(--input_color_read_only);
+  }
 }
 
 #{$all-text-inputs} {

data/src/content/_lists.scss

@@ -10,6 +10,14 @@ dl dl {
   margin-left: var(--dl_margin_l);
 }
 
+dt {
+  font-weight: var(--font_weight_bold);
+}
+
+dd {
+  margin-left: 0;
+}
+
 ol, ul {
   padding-left: var(--list_padding_l);
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: baseline-scss
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.2
 platform: ruby
 authors:
 - David Susco
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-16 00:00:00.000000000 Z
+date: 2023-03-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake