feat(utilities): remove border-radius utilities and values forbidden …

…by Orange Brand for #283
Orange-OpenSource · Jan 22, 2020 · a94291b · a94291b
1 parent 05c9bfa
commit a94291b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 44 deletions.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -445,33 +445,9 @@ $utilities: map-merge(
       class: rounded,
       values: (
         null: $border-radius,
-        sm: $border-radius-sm,
-        lg: $border-radius-lg,
-        circle: 50%,
-        pill: $rounded-pill,
-        0: 0,
+        pill: $rounded-pill
       )
     ),
-    "rounded-top": (
-      property: border-top-left-radius border-top-right-radius,
-      class: rounded-top,
-      values: (null: $border-radius)
-    ),
-    "rounded-right": (
-      property: border-top-right-radius border-bottom-right-radius,
-      class: rounded-right,
-      values: (null: $border-radius)
-    ),
-    "rounded-bottom": (
-      property: border-bottom-right-radius border-bottom-left-radius,
-      class: rounded-bottom,
-      values: (null: $border-radius)
-    ),
-    "rounded-left": (
-      property: border-bottom-left-radius border-top-left-radius,
-      class: rounded-left,
-      values: (null: $border-radius)
-    ),
     "visibility": (
       property: visibility,
       class: null,

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -334,9 +334,9 @@ $container-padding-x: $grid-gutter-width / 2 !default;
 $border-width:                1px !default;
 $border-color:                $gray-300 !default;
 
-$border-radius:               .25rem !default;
-$border-radius-lg:            .3rem !default;
-$border-radius-sm:            .2rem !default;
+$border-radius:               50% !default;
+$border-radius-lg:            null !default; // Boosted mod: forbidden by Orange Brand
+$border-radius-sm:            null !default; // Boosted mod: forbidden by Orange Brand
 
 $rounded-pill:                50rem !default;
 

diff --git a/site/content/docs/4.3/utilities/borders.md b/site/content/docs/4.3/utilities/borders.md
@@ -49,21 +49,5 @@ Add classes to an element to easily round its corners.
 
 {{< example >}}
 {{< placeholder width="75" height="75" class="rounded" title="Example rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-top" title="Example top rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-right" title="Example right rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-left" title="Example left rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}}
 {{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
-{{< placeholder width="75" height="75" class="rounded-0" title="Example non-rounded image (overrides rounding applied elsewhere)" >}}
-{{< /example >}}
-
-
-## Sizes
-
-Use `.rounded-lg` or `.rounded-sm` for larger or smaller border-radius.
-
-{{< example >}}
-{{< placeholder width="75" height="75" class="rounded-sm" title="Example small rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-lg" title="Example large rounded image" >}}
 {{< /example >}}