category: Border radius | ||
Class rounded | Properties border-radius: 4px; | |
Class rounded-0 | Properties border-radius: 0; | |
Class rounded-b-0 | Properties border-bottom-left-radius: 0;
border-bottom-right-radius: 0; | |
Class rounded-b-circle | Properties border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%; | |
Class rounded-b-lg | Properties border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; | |
Class rounded-b-pill | Properties border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px; | |
Class rounded-b-xl | Properties border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px; | |
Class rounded-bl-0 | Properties border-bottom-left-radius: 0; | |
Class rounded-bl-circle | Properties border-bottom-left-radius: 50%; | |
Class rounded-bl-lg | Properties border-bottom-left-radius: 8px; | |
Class rounded-bl-pill | Properties border-bottom-left-radius: 9999px; | |
Class rounded-bl-xl | Properties border-bottom-left-radius: 24px; | |
Class rounded-br-0 | Properties border-bottom-right-radius: 0; | |
Class rounded-br-circle | Properties border-bottom-right-radius: 50%; | |
Class rounded-br-lg | Properties border-bottom-right-radius: 8px; | |
Class rounded-br-pill | Properties border-bottom-right-radius: 9999px; | |
Class rounded-br-xl | Properties border-bottom-right-radius: 24px; | |
Class rounded-circle | Properties border-radius: 50%; | |
Class rounded-l-0 | Properties border-top-left-radius: 0;
border-bottom-left-radius: 0; | |
Class rounded-l-circle | Properties border-top-left-radius: 50%;
border-bottom-left-radius: 50%; | |
Class rounded-l-lg | Properties border-top-left-radius: 8px;
border-bottom-left-radius: 8px; | |
Class rounded-l-pill | Properties border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px; | |
Class rounded-l-xl | Properties border-top-left-radius: 24px;
border-bottom-left-radius: 24px; | |
Class rounded-lg | Properties border-radius: 8px; | |
Class rounded-pill | Properties border-radius: 9999px; | |
Class rounded-r-0 | Properties border-top-right-radius: 0;
border-bottom-right-radius: 0; | |
Class rounded-r-circle | Properties border-top-right-radius: 50%;
border-bottom-right-radius: 50%; | |
Class rounded-r-lg | Properties border-top-right-radius: 8px;
border-bottom-right-radius: 8px; | |
Class rounded-r-pill | Properties border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px; | |
Class rounded-r-xl | Properties border-top-right-radius: 24px;
border-bottom-right-radius: 24px; | |
Class rounded-sm | Properties border-radius: 2px; | |
Class rounded-t-0 | Properties border-top-left-radius: 0;
border-top-right-radius: 0; | |
Class rounded-t-circle | Properties border-top-left-radius: 50%;
border-top-right-radius: 50%; | |
Class rounded-t-lg | Properties border-top-left-radius: 8px;
border-top-right-radius: 8px; | |
Class rounded-t-pill | Properties border-top-left-radius: 9999px;
border-top-right-radius: 9999px; | |
Class rounded-t-xl | Properties border-top-left-radius: 24px;
border-top-right-radius: 24px; | |
Class rounded-tl-0 | Properties border-top-left-radius: 0; | |
Class rounded-tl-0 | Properties border-top-right-radius: 0; | |
Class rounded-tl-circle | Properties border-top-left-radius: 50%; | |
Class rounded-tl-circle | Properties border-top-right-radius: 50%; | |
Class rounded-tl-lg | Properties border-top-left-radius: 8px; | |
Class rounded-tl-pill | Properties border-top-left-radius: 9999px; | |
Class rounded-tl-pill | Properties border-top-right-radius: 9999px; | |
Class rounded-tl-xl | Properties border-top-left-radius: 24px; | |
Class rounded-tl-xl | Properties border-top-right-radius: 24px; | |
Class rounded-tr-lg | Properties border-top-right-radius: 8px; | |
Class rounded-xl | Properties border-radius: 24px; | |
category: Color | ||
Class amber | Properties #ffc107 | |
Class amber accent1 | Properties #ffe57f | |
Class amber accent2 | Properties #ffd740 | |
Class amber accent3 | Properties #ffc400 | |
Class amber accent4 | Properties #ffab00 | |
Class amber darken1 | Properties #ffb300 | |
Class amber darken2 | Properties #ffa000 | |
Class amber darken3 | Properties #ff8f00 | |
Class amber darken4 | Properties #ff6f00 | |
Class amber lighten1 | Properties #ffca28 | |
Class amber lighten2 | Properties #ffd54f | |
Class amber lighten3 | Properties #ffe082 | |
Class amber lighten4 | Properties #ffecb3 | |
Class amber lighten5 | Properties #fff8e1 | |
Class black | Properties #000000 | |
Class blue | Properties #2196f3 | |
Class blue accent1 | Properties #82b1ff | |
Class blue accent2 | Properties #448aff | |
Class blue accent3 | Properties #2979ff | |
Class blue accent4 | Properties #2962ff | |
Class blue darken1 | Properties #1e88e5 | |
Class blue darken2 | Properties #1976d2 | |
Class blue darken3 | Properties #1565c0 | |
Class blue darken4 | Properties #0d47a1 | |
Class blue lighten1 | Properties #42a5f5 | |
Class blue lighten2 | Properties #64b5f6 | |
Class blue lighten3 | Properties #90caf9 | |
Class blue lighten4 | Properties #bbdefb | |
Class blue lighten5 | Properties #e3f2fd | |
Class blue-grey | Properties #607d8b | |
Class blue-grey darken1 | Properties #546e7a | |
Class blue-grey darken2 | Properties #455a64 | |
Class blue-grey darken3 | Properties #37474f | |
Class blue-grey darken4 | Properties #263238 | |
Class blue-grey lighten1 | Properties #78909c | |
Class blue-grey lighten2 | Properties #90a4ae | |
Class blue-grey lighten3 | Properties #b0bec5 | |
Class blue-grey lighten4 | Properties #cfd8dc | |
Class blue-grey lighten5 | Properties #eceff1 | |
Class brown | Properties #795548 | |
Class brown darken1 | Properties #6d4c41 | |
Class brown darken2 | Properties #5d4037 | |
Class brown darken3 | Properties #4e342e | |
Class brown darken4 | Properties #3e2723 | |
Class brown lighten1 | Properties #8d6e63 | |
Class brown lighten2 | Properties #a1887f | |
Class brown lighten3 | Properties #bcaaa4 | |
Class brown lighten4 | Properties #d7ccc8 | |
Class brown lighten5 | Properties #efebe9 | |
Class cyan | Properties #00bcd4 | |
Class cyan accent1 | Properties #84ffff | |
Class cyan accent2 | Properties #18ffff | |
Class cyan accent3 | Properties #00e5ff |