La clase Bulma Radiusless se usa para eliminar el radio de cualquier elemento, agregar el modificador is-radiusless a cualquier elemento y cualquier radio aplicado previamente a ese elemento se eliminará.
Clases sin radio de Bulma:
- is-radiusless: esta clase se utiliza para eliminar el radio de cualquier elemento.
Sintaxis:
<element class="is-radiusless">
...
</element>
El siguiente ejemplo ilustra la clase Bulma Radiusless
Ejemplo: El siguiente ejemplo muestra el uso de la clase Bulma Radiusless para eliminar el radio de un elemento. Dado que las etiquetas y el elemento de notificación en Bulma tienen un radio de borde por defecto, usaremos esos elementos para mostrar cómo funciona la clase sin radio .
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Radiusless Example</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-2 has-text-success"> GeeksforGeeks </h1> <b class="is-size-5"> Bulma Radiusless Example </b> <div class="container is-fluid"> <p class="mt-5"> <b>Default Notification element:</b> </p> <div class="notification is-link mt-2"> <button class="delete"></button> GeeksforGeeks is a computer science portal for geeks by geeks. Here you can find articles on various computer science topics like Data Structures, Algorithms and many more. </div> <p class="mt-5"> <b>Notification with <i>is-radiusless</i> modifier:</b> </p> <div class="notification is-radiusless is-link mt-2"> <button class="delete"></button> GeeksforGeeks is a computer science portal for geeks by geeks. Here you can find articles on various computer science topics like Data Structures, Algorithms and many more. </div> </div> </body> </html>
Producción:
Bulma sin radio
Referencia: https://bulma.io/documentation/helpers/other-helpers/