diff --git a/demo/accordion.html b/demo/accordion.html index aaeaac262..720a5164c 100644 --- a/demo/accordion.html +++ b/demo/accordion.html @@ -1,7 +1,7 @@ - - - - - - - @@ -448,7 +566,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/activity.html b/demo/activity.html index 40d002bff..3a0608bc0 100644 --- a/demo/activity.html +++ b/demo/activity.html @@ -1,7 +1,7 @@ - - - - - - - @@ -650,7 +768,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/auth-lock.html b/demo/auth-lock.html index 7c4ca42ba..848596c6a 100644 --- a/demo/auth-lock.html +++ b/demo/auth-lock.html @@ -1,7 +1,7 @@ - - - - - - - @@ -399,7 +517,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/buttons.html b/demo/buttons.html index b58f61ee5..2251324cc 100644 --- a/demo/buttons.html +++ b/demo/buttons.html @@ -1,7 +1,7 @@ - - - - - - - @@ -1197,7 +1315,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/card-actions.html b/demo/card-actions.html new file mode 100644 index 000000000..1cdc2067b --- /dev/null +++ b/demo/card-actions.html @@ -0,0 +1,740 @@ + + + + + + + + Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. + + + + + + + + +
    + + +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +

    Sample card

    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +

    Card with action

    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +

    Cart title

    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Paweł Kuna
    +
    UI Designer
    +
    +
    +
    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +

    + With description +

    +

    + Lorem ipsum dolor sit amet consectetur adipisicing. +

    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +

    + With description and action +

    +

    + Lorem ipsum dolor sit amet consectetur adipisicing. +

    +
    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Dunn Slane
    +
    Research Nurse
    +
    +
    +
    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +

    Card actions

    + +
    +
    + + + + + +
    +
    +
    +
    +
    +
    + +
    +
    + + + + + + \ No newline at end of file diff --git a/demo/cards-masonry.html b/demo/cards-masonry.html index fd03d1dab..b1f1eecb4 100644 --- a/demo/cards-masonry.html +++ b/demo/cards-masonry.html @@ -1,7 +1,7 @@ - - - - - - - @@ -369,251 +487,155 @@
    -
    -

    This is some text within a card body.

    +
    + + + + +
    -
    -

    Card with bottom image

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -
    -
    -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - -
    - -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + + + +
    - -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + + + +
    -
    -
    -
    -

    No results found

    -

    - Try adjusting your search or filter to find what you're looking for. -

    - +
    + + + + +
    -
    -

    Card with progress bar

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    - 38% Complete -
    +
    + + + + +
    -
    -

    Card title

    -
    Card subtitle
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + + + +
    -
    -

    Header title

    -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + + + +
    -
    -
    -
    Card number
    - -
    -
    -
    Card name
    - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    CVV
    - -
    -
    -
    - +
    + + + + + +
    +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    + + + + +
    @@ -646,7 +668,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/cards.html b/demo/cards.html index 2fde3c2db..d9fbc7197 100644 --- a/demo/cards.html +++ b/demo/cards.html @@ -1,7 +1,7 @@ - - - - - - - @@ -367,598 +485,721 @@
    -
    -
    -
    -
    -
    -

    This is some text within a card body.

    -
    +
    +
    +
    +

    Card title

    +
    +
    Simple card
    +
    +
    +
    +
    +
    +

    Card title

    +
    +
    Card with header background
    +
    +
    +
    +
    +
    +

    Card title

    +
    Card without border
    +
    +
    +
    +
    +
    +
    +

    Card title Subtitle

    +
    +
    Card with title and subtitle
    +
    +
    + + + +
    +
    +
    +
    +
    Card rotate right
    +
    +
    +
    +
    +
    Card rotate left
    +
    +
    +
    +
    +
    +

    This is a card with active state.

    +
    +
    +
    +
    +
    +
    +

    This is some text inactive state.

    +
    +
    +
    +
    +
    +
    +
    + +
    -
    -
    -
    -

    This is a borderless card.

    -
    +
    +

    Card with icon bg

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.

    +
    +
    +
    +
    +
    +
    +

    Card with primary light background

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.

    +
    +
    +
    +
    +
    +
    +
    + +
    -
    -
    -
    -

    Card with bottom image

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    +
    +

    Card with background and icon

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.

    -
    -
    -
    -

    This is a card with active state.

    -
    -
    +
    +
    +
    +
    +
    +
    +

    Card with top status

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -

    This is some text inactive state.

    -
    -
    +
    +
    +
    +
    +
    +
    +

    Card with bottom status

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - - -
    +
    +
    +
    +
    +
    +
    +

    Card with side status

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - - -
    +
    +
    +
    +
    +
    +
    -
    -
    - -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +

    Card with top ribbon

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.

    -
    -
    - -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +
    +
    +
    +
    NEW
    +
    +

    Card with text ribbon

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.

    -
    -
    -
    -

    Card with progress bar

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    - 38% Complete -
    -
    -
    +
    +
    +
    +
    +
    +

    Card with progress bar

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -
    -
    -

    No results found

    -

    - Try adjusting your search or filter to find what you're looking for. -

    - -
    -
    -
    -
    - -
    - - -
    - -
    -
    -
    Content of tab #1
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #2
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #3
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #4
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    -
    -
    -
    -
    - -
    - - -
    - -
    -
    -
    Content of tab #1
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #2
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #3
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #4
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    Content of tab #1
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #2
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #3
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    - -
    -
    -
    Content of tab #4
    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -

    -
    -
    -
    - - +
    +
    + 38% Complete
    -
    -
    -
    -
    -
    -
    - Card side image -
    -
    -
    -

    Card with left side image

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    +
    +
    +
    +

    Stacked card

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    +
    +
    + Card side image +
    +
    +
    +

    Card with left side image

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Card side image +
    +
    +
    +

    Card with right side image

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Card with top image

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    +
    +

    Card with bottom image

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    +
    +
    +

    Card with footer

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + +
    +
    +
    +
    +
    +

    Card with transparent footer

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + +
    +
    +
    +
    +
    +

    Card with footer button

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + +
    +
    +
    +
    +
    +

    Card with footer buttons

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + +
    +
    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + +
    +
    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    + + -
    -
    -
    -
    - Card side image -
    -
    -
    -

    Card with right side image

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +
    +
    +
    + +
    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    +
    + +
    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.

    +
    +
    +
    +
    + +
    + + +
    + +
    +
    +
    Content of tab #1
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #2
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #3
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #4
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    - +
    + +
    +
    + +
    +
    +
    Content of tab #1
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #2
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #3
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    +
    + +
    +
    +
    Content of tab #4
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +

    +
    -
    + + +
    +
    +
    +
    +
    +

    Cards inside card

    +
    +
    -
    -
    -
    -
    -
    -
    -

    Card with top image

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +
    +
    +
    +

    First card

    -
    -
    -
    -

    Card with button link

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    - -
    -
    +
    + + + + +
    -
    -
    -
    -
    -

    Card with top status

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +
    +
    +
    +
    +
    +

    Second card

    -
    -
    -
    -
    -

    Card with bottom status

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    + + + + +
    -
    -
    -
    -
    -

    Card with side status

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    +
    +
    +
    +
    +
    +

    Third card

    -
    -
    -
    -

    Stacked card

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    +
    + + + + +
    -
    -
    -
    -
    -
    Card number
    - -
    -
    -
    Card name
    - -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    -
    CVV
    - -
    -
    -
    - -
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    First card

    +
    +
    + + + + + +
    +
    +
    +
    +

    Second card

    +
    +
    + + + + + +
    +
    +
    +
    +

    Third card

    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Card title

    +
    +
    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
    + +
    +
    +
    +
    +
    +

    Card title

    +
    +
    This card has supporting text below as a natural lead-in to additional content.
    + +
    +
    +
    +
    +
    +

    Card with very long content

    +
    +
    This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    No results found

    +

    + Try adjusting your search or filter to find what you're looking for. +

    + +
    +
    +
    +
    +
    +
    +
    +
    Card number
    + +
    +
    +
    Card name
    + +
    +
    +
    +
    + +
    +
    + +
    +
    +
    -
    -
    -
    -
    -
    -

    Card title

    -
    Card subtitle
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -
    -
    -
    -

    Header title

    -
    -
    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    -
    -
    -
    -
    -
    -

    Card with footer

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - - -
    -
    -
    -
    -
    -

    Card with footer button

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - - -
    -
    -
    -
    -
    -

    Card with footer buttons

    -

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.

    -
    - - -
    -
    +
    +
    +
    CVV
    +
    +
    @@ -991,7 +1232,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/carousel.html b/demo/carousel.html index 01104cb14..a045a83ee 100644 --- a/demo/carousel.html +++ b/demo/carousel.html @@ -1,7 +1,7 @@ - - - - - - - @@ -556,7 +674,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/changelog.html b/demo/changelog.html index 5336ecfc9..e43fb5c6f 100644 --- a/demo/changelog.html +++ b/demo/changelog.html @@ -1,7 +1,7 @@ - - - - - - - @@ -366,7 +484,7 @@
    -
    +
    @@ -682,15 +800,97 @@

    Changelog

    +
    +
    + 1.0.0-beta6 – + January 18, 2021 +
    +
      +
    • pricing cards fix
    • +
    • fix bug fw-..., .fs-... is missed (#987)
    • +
    • avatar class fix
    • +
    • fix bug #903 litepicker with date range not having correct border
    • +
    • page wrapper fix
    • +
    • fix #900 is-invalid-lite class is not working under was-validated form class
    • +
    • update @tabler/icons to version 1.48
    • +
    • fix #960 - Badges not honoring font sizes
    • +
    • fix #959 - node-sass does not properly compile nested media queries
    • +
    • update package dependencies to newest version
    • +
    +
    +
    +
    + 1.0.0-beta5 – + December 07, 2021 +
    +

    Tabler has finally lived to see dark mode! 🌝🌚

    +
      +
    • Dark mode enabled!
    • +
    • add more cursors (#947)
    • +
    • fix #892 - Media queries need to be nested when negating
    • +
    • update @tabler/icons to newest version
    • +
    • move optional dependencies to peerDependencies (#924)
    • +
    • move deployment to Github Actions (#934)
    • +
    • table border fixes
    • +
    • antialiased fix
    • +
    • update @tabler/icons to version 1.42
    • +
    • change default font to ‘Inter’
    • +
    • colors unify
    • +
    • add tom-select and remove choices.js
    • +
    +
    +
    +
    + 1.0.0-beta4 – + October 24, 2021 +
    +
      +
    • upgrade required node.js version to 14
    • +
    • upgrade Bootstrap to 5.1
    • +
    • upgrade dependencies
    • +
    • fix #775 litepicker not initializing
    • +
    • fix nouislider import in dev
    • +
    +
    +
    +
    + 1.0.0-beta3 – + May 08, 2021 +
    +
      +
    • upgrade Bootstrap to 5.0
    • +
    • upgrade dependencies
    • +
    • change $border-radius-pill variable
    • +
    • badge vertical align fix
    • +
    +
    +
    +
    + 1.0.0-beta2 – + March 29, 2021 +
    +
      +
    • update dependencies
    • +
    • li marker fix
    • +
    • page wrapper, nav fixes
    • +
    • scripts optimize, remove capture_once
    • +
    • page-body fixes
    • +
    • layout navbar fix
    • +
    • typography fix
    • +
    • ribbon fix
    • +
    • charts label fixes
    • +
    • charts docs
    • +
    +
    1.0.0-betaFebruary 17, 2021
    -

    Initial release of Tabler v1.0! Lots more coming soon though 😁

    +

    Initial beta release of Tabler v1.0! Lots more coming soon though 😁

      -
    • Updated to Bootstrap v5.0.0-beta2
    • -
    • Updated other dependencies.
    • +
    • update Bootstrap to 5.0.0-beta2
    • +
    • update other dependencies.
    @@ -726,7 +926,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/charts.html b/demo/charts.html index c6dda2a38..154c230ec 100644 --- a/demo/charts.html +++ b/demo/charts.html @@ -1,7 +1,7 @@ - - - - - - - @@ -367,6 +485,54 @@
    +
    +
    +
    +
    +

    Active users

    + +
    +
    +
    +
    +
    +
    +
    +
    +
    + Mobile +
    +
    11,425
    +
    +
    +
    + Desktop +
    +
    6,458
    +
    +
    +
    + Tablet +
    +
    3,985
    +
    +
    +
    +
    +
    +
    +
    +
    +
    @@ -577,7 +743,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -592,6 +758,74 @@ +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1739,7 +1882,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2123,7 +2266,7 @@ diff --git a/demo/invoice.html b/demo/invoice.html index 5451a0f89..e54690de4 100644 --- a/demo/invoice.html +++ b/demo/invoice.html @@ -1,7 +1,7 @@ - - - - - - - @@ -494,7 +612,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/layout-combo.html b/demo/layout-combo.html index a4f137e50..6041396db 100644 --- a/demo/layout-combo.html +++ b/demo/layout-combo.html @@ -1,7 +1,7 @@ @@ -47,24 +47,96 @@
    - - - - - - - - -
    @@ -340,24 +458,96 @@ +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1710,7 +1853,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2094,7 +2237,7 @@ diff --git a/demo/layout-fluid-vertical.html b/demo/layout-fluid-vertical.html index 590148ea3..357ea1035 100644 --- a/demo/layout-fluid-vertical.html +++ b/demo/layout-fluid-vertical.html @@ -1,7 +1,7 @@ @@ -47,24 +47,96 @@
    - - - - - - - - -
    @@ -996,6 +1114,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1722,7 +1865,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2106,7 +2249,7 @@ diff --git a/demo/layout-fluid.html b/demo/layout-fluid.html index bd5ffcb01..8f148d648 100644 --- a/demo/layout-fluid.html +++ b/demo/layout-fluid.html @@ -1,7 +1,7 @@ - - - - - - - @@ -1013,6 +1131,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1739,7 +1882,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2123,7 +2266,7 @@ diff --git a/demo/layout-horizontal.html b/demo/layout-horizontal.html index 6cb7732b1..5030b270e 100644 --- a/demo/layout-horizontal.html +++ b/demo/layout-horizontal.html @@ -1,7 +1,7 @@ - - - - - - - @@ -1013,6 +1131,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1739,7 +1882,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2123,7 +2266,7 @@ diff --git a/demo/layout-navbar-dark.html b/demo/layout-navbar-dark.html index ec2b54a7e..1620013b6 100644 --- a/demo/layout-navbar-dark.html +++ b/demo/layout-navbar-dark.html @@ -1,7 +1,7 @@ Source code - + Sponsor
    - - - - - - - - - @@ -1013,6 +1131,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1739,7 +1882,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2123,7 +2266,7 @@ diff --git a/demo/layout-navbar-overlap.html b/demo/layout-navbar-overlap.html index 8b0c87eaf..bda26da91 100644 --- a/demo/layout-navbar-overlap.html +++ b/demo/layout-navbar-overlap.html @@ -1,7 +1,7 @@ - - - - - - -
    @@ -325,7 +443,7 @@
    - +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1722,7 +1865,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2106,7 +2249,7 @@ diff --git a/demo/layout-vertical-transparent.html b/demo/layout-vertical-transparent.html index 4955e56f0..8dd6a4daa 100644 --- a/demo/layout-vertical-transparent.html +++ b/demo/layout-vertical-transparent.html @@ -1,7 +1,7 @@ @@ -47,24 +47,96 @@
    - - - - - - - - -
    @@ -996,6 +1114,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1722,7 +1865,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2106,7 +2249,7 @@ diff --git a/demo/layout-vertical.html b/demo/layout-vertical.html index 19b2427f5..0f53ea52a 100644 --- a/demo/layout-vertical.html +++ b/demo/layout-vertical.html @@ -1,7 +1,7 @@ @@ -47,24 +47,96 @@
    - - - - - - - - -
    @@ -996,6 +1114,31 @@
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Tabler Icons

    +
    + All icons come from the Tabler Icons set and are MIT-licensed. Visit + tabler-icons.io, + download any of the 1518 icons in SVG, PNG or React and use them in your favourite design tools. +
    + +
    +
    +
    +
    +
    @@ -1722,7 +1865,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • @@ -2106,7 +2249,7 @@ diff --git a/demo/license.html b/demo/license.html index 00e4b9593..82b9246c8 100644 --- a/demo/license.html +++ b/demo/license.html @@ -1,7 +1,7 @@ - - - - - - - @@ -483,7 +601,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/lists.html b/demo/lists.html index 4a5432205..8517f437d 100644 --- a/demo/lists.html +++ b/demo/lists.html @@ -1,7 +1,7 @@ - - - - - - - @@ -2604,7 +2722,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/map-fullsize.html b/demo/map-fullsize.html index 4136fb382..0ea595188 100644 --- a/demo/map-fullsize.html +++ b/demo/map-fullsize.html @@ -1,7 +1,7 @@ @@ -47,24 +47,96 @@
    - - - - - - - - -
    @@ -366,7 +484,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/maps.html b/demo/maps.html index b8f7e573a..c0f2ef9f9 100644 --- a/demo/maps.html +++ b/demo/maps.html @@ -1,7 +1,7 @@ - - - - - - - @@ -367,7 +485,7 @@
    -
    +
    @@ -394,7 +512,7 @@
    -
    +
    @@ -403,7 +521,7 @@
    -
    +
    @@ -439,7 +557,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/markdown.html b/demo/markdown.html index fc47ad886..aa22517a1 100644 --- a/demo/markdown.html +++ b/demo/markdown.html @@ -1,7 +1,7 @@ - - - - - - - @@ -522,7 +640,7 @@ line 3 of code
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/modals.html b/demo/modals.html index 0a81e93c2..aa93e4ce4 100644 --- a/demo/modals.html +++ b/demo/modals.html @@ -1,7 +1,7 @@ - - - - - - - @@ -427,7 +545,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/music.html b/demo/music.html index 5e58dce50..26b182532 100644 --- a/demo/music.html +++ b/demo/music.html @@ -1,7 +1,7 @@ - - - - - - - @@ -1093,7 +1211,7 @@
  • - v1.0.0-beta6 + v1.0.0-beta7
  • diff --git a/demo/navigation.html b/demo/navigation.html index 5b45f7f85..e32c3bd0c 100644 --- a/demo/navigation.html +++ b/demo/navigation.html @@ -1,7 +1,7 @@ - - - - - - - @@ -379,24 +497,96 @@