Commit graph

587 commits

Author SHA1 Message Date
Seifeldin Mahjoub
a2fad6ecf9 chore: use color mixin in navbar 2020-08-26 00:44:43 +02:00
Seifeldin Mahjoub
63bba4d3ff chore: use color mixin in buttons 2020-08-26 00:40:03 +02:00
Seifeldin Mahjoub
4a27b7c0fa chore : use color mixin in popover 2020-08-26 00:39:08 +02:00
Seifeldin Mahjoub
b9af460828 fix: (docs) borders to use same markup 2020-08-26 00:37:26 +02:00
Seifeldin Mahjoub
5fb606250b chore: use color mixin in borders 2020-08-26 00:36:52 +02:00
Seifeldin Mahjoub
de8cbd3ca7 chore: fix typo 2020-08-26 00:36:06 +02:00
Seifeldin Mahjoub
97cc2f3c31 chore: use color mixin in badges 2020-08-26 00:35:42 +02:00
Seifeldin Mahjoub
415dca3d75 chore: use color mixin in alerts 2020-08-26 00:35:20 +02:00
Seifeldin Mahjoub
688f27d959 chore: use color mixin in tabs 2020-08-10 01:21:36 +02:00
Seifeldin Mahjoub
ebd2598c9a chore: remove commented code 2020-08-10 01:17:10 +02:00
Seifeldin Mahjoub
5c8a72b734 fix: auto generate css varaibales from theme-map 2020-08-10 01:16:26 +02:00
Seifeldin Mahjoub
9247411659 chore: use color mixin in images 2020-08-10 01:12:48 +02:00
Seifeldin Mahjoub
c07130703e chore: use color mixin in accordion 2020-08-10 01:12:00 +02:00
Seifeldin Mahjoub
a5a030fe42 chore: dry css vars declartion 2020-08-09 00:44:02 +02:00
Seifeldin Mahjoub
36056e4737 Merge branch 'develop' into feature-dark-mode 2020-08-09 00:23:47 +02:00
Seifeldin Mahjoub
f78930dfe0 Merge remote-tracking branch 'upstream/develop' into develop 2020-08-09 00:22:32 +02:00
Rhyne Vlaservich
58ca84a82b Add version 1.7.0 v1.7.0 2020-08-01 16:14:30 -04:00
Rhyne Vlaservich
4f7f6e8402 Fix linting in tabs 2020-08-01 16:13:50 -04:00
Rhyne Vlaservich
97599bbee0 Add container docs 2020-08-01 15:59:19 -04:00
Marcus Pereira
08b297da60 update containers size 2020-08-01 15:59:19 -04:00
Marcus Pereira
7d3b1e04fd feat: create size to .container class 2020-08-01 15:59:19 -04:00
Phreshhh
231d2ab6d9 Feature Breadcrumb 2020-08-01 15:59:19 -04:00
Phreshhh
e1cee11c38 Feature Breadcrumb 2020-08-01 15:59:19 -04:00
Phreshhh
2f4f9c2465 button fix for backward compatibility 2020-08-01 15:59:19 -04:00
Phreshhh
ae79596cd0 burger borderfix 2020-08-01 15:59:19 -04:00
Phreshhh
bda6b79f1f margin-top removed 2020-08-01 15:59:19 -04:00
Phreshhh
c219346051 margin-top stylelint fix 2020-08-01 15:59:19 -04:00
Phreshhh
4c4c97af44 Navbar fix for FireFox 2020-08-01 15:59:19 -04:00
Phreshhh
74f38c54ee bg and shadow color changed to variable colors 2020-08-01 15:59:19 -04:00
Phreshhh
4f8f7a9297 Switch components - stylelint fix 8 :) - realy last XD 2020-08-01 15:59:19 -04:00
Phreshhh
bfdc62055e Switch components - stylelint fix 7 :) - last 2020-08-01 15:59:19 -04:00
Phreshhh
866e8b3abd Switch components - stylelint fix 6 :) 2020-08-01 15:59:19 -04:00
Phreshhh
84d81adae5 Switch components - stylelint fix 5 :) I installed stylelint to my editor.. next time will less commits. 2020-08-01 15:59:19 -04:00
Phreshhh
0e198c9fcc Switch components - stylelint fix 4 :) OMG alphabetical.. - Why?! lol 2020-08-01 15:59:19 -04:00
Phreshhh
262db03fe0 Switch components - stylelint fix 3 :) 2020-08-01 15:59:19 -04:00
Phreshhh
06ce202265 Switch components - stylelint fix 2 :) 2020-08-01 15:59:19 -04:00
Phreshhh
ea2635161d Switch components - stylelint fix 1 :) 2020-08-01 15:59:19 -04:00
Phreshhh
cf2deae2ea Switch components 2020-08-01 15:59:19 -04:00
Phreshhh
53ffaa02f7 outline colormap removed 2020-08-01 15:59:19 -04:00
Phreshhh
6f9f0ccda0 'paper-btn' class added to linkbutton example. Sorry I left it 1st time. 2020-08-01 15:59:19 -04:00
Phreshhh
800a5cd80f Outline buttons - stylelint fix 2020-08-01 15:59:19 -04:00
Phreshhh
1570e3ba33 Outline buttons 2020-08-01 15:59:19 -04:00
Rhyne
837c4321b9
Merge pull request #207 from Bajena/patch-1
Support multiple tab components
2020-08-01 15:32:53 -04:00
Rhyne
67435c6e81
Merge pull request #205 from papercss/tab-content-alignment-fix
Tabs Content Alignment Bugfix
2020-08-01 15:29:42 -04:00
Rhyne Vlaservich
33ca19d77a Fix gulp default command to start dev server 2020-08-01 15:14:46 -04:00
Rhyne
9af3610ce6
Merge pull request #190 from byrro/fix-license-link
Fix link to License in About page
2020-08-01 14:46:35 -04:00
Jan Bajena
5ee5960e84
Support multiple tab components
Hi, first of all thank you for your cool framework. I really have fun working with it :)

I'm building an app for building flashcard sets in which I decided to use tabs component for switching between different languages. However I've noticed that current version assumes that there'll only be a single tab component on the page.

I overcame it in my project by changing `=` (attribute equals) selector to `$=` (attribute ends with) selector. 
This allows me to generate different tab IDs for different flashcards, like this:
```ruby
<% tab_name = "tabs_#{word.id}" %>
<% tab1_id = "#{tab_name}_tab1" %>
<% tab2_id = "#{tab_name}_tab2" %>

<div class="xs-12 sm-6 md-4 lg-3 col align-top flashcard-column">
  <div class="card">
    <div class="card-body">
      <div class="row tabs">
        <input id="<%= tab1_id %>" type="radio" name="<%= tab_name %>" checked>
        <label for="<%= tab1_id %>">Question</label>

        <input id="<%= tab2_id %>" type="radio" name="<%= tab_name %>">
        <label for="<%= tab2_id %>">Answer</label>

        <div id="<%= tab_name %>_content1" class="content">
          <h4 class="card-title flashcard-title"><%= word.question %></h4>
          <% if word.question_example %>
            <p class="card-text flashcard-example"><%= word.question_example %></p>
          <% end %>
        </div>
        <div id="<%= tab_name %>_content2" class="content">
          <h4 class="card-title flashcard-title"><%= word.answer %></h4>
          <% if word.answer_example %>
            <p class="card-text flashcard-example"><%= word.answer_example %></p>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>
```

Here's a video to present how it works after the change:
https://www.loom.com/share/6de1e443314f44f49c7b91e9b5875c93

Hope someone finds it useful
2020-07-30 21:43:39 +02:00
Kevin Koester
fc4ede380a
Fixes #202
Fixes Bug where the content would be aligned right next to the tabs on larger screens.

See: https://github.com/papercss/papercss/issues/202
2020-07-10 11:44:26 +02:00
=
1ee089b924 chore: add comments for theme colors 2020-06-01 23:17:18 +02:00
=
a7e099055c feat: add dark mode 2020-06-01 23:03:46 +02:00