# simple-ticker/2.09/css/responsive-tabs.css

Simple Ticker, version 2.09. 34 lines.

- Page: https://pluginprobe.com/plugins/simple-ticker/2.09/code/css/responsive-tabs.css
- Raw: https://pluginprobe.com/plugins/simple-ticker/2.09/raw/css/responsive-tabs.css
- Modified: 2016-07-31T22:34:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/simple-ticker/2.09/code/css/responsive-tabs.css#L10-L20`.

```css
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
```