deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-17 13:15:28 +02:00
Code Issues Projects Releases Wiki Activity
638 commits 15 branches 25 tags 8.5 MiB
Commit graph

638 commits

This branch
This branch
All branches
Author SHA1 Message Date
Rhyne 6541844c71
Merge pull request #213 from Benbb96/feature-style-input-range 
Feature: Paper style for range sliders
 2020-08-23 15:38:46 -04:00
Rhyne 73837465e1
Merge pull request #217 from ChocolateLoverRaj/feature-update-clean-css 
Hotfix: update clean css
 2020-08-23 15:18:23 -04:00
ChocolateLoverRaj 1a0f29791f Merge remote-tracking branch 'origin/master' into hotfix-update-clean-css 2020-08-17 08:29:28 -05:00
ChocolateLoverRaj 454c36a405 At least 3.9.3 2020-08-17 08:27:42 -05:00
bbe 71835734fd Remove range input border 2020-08-17 12:28:11 +02:00
Rhyne 81c159527a
Merge pull request #212 from Benbb96/hotfix-minor-html-errors-in-forms 
Correct minor errors in forms.md
 2020-08-16 10:49:55 -04:00
bbe 46a3ff1103 Correct minor errors in forms.md 2020-08-11 11:37:37 +02:00
bbe b4be7ae2d2 Add examples in documentation forms.md 2020-08-11 11:32:11 +02:00
bbe f5c102ea11 Add paper style for input[type=range] 
(cherry picked from commit 28d49a3d0e)
 2020-08-11 11:13:43 +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 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