/*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/gtfs-transit-table-buttons/style.scss ***! \******************************************************************************************************************************************************************************************************************************************************************/ /** * The following styles get applied both on the front of your site * and in the editor. * * Replace them with your own styles or remove the file completely. */ /** * Global variables, functions, and mixins. * * Come here to initialize site-wide SCSS variables ONLY! Do not store * CSS variables here. Do so in the theme.json file instead! */ /* * Functions * Note: Must come before variables that use these functions. */ /* * Convert px's to rem's. */ /* * Variables */ /* * Our rem() function below depends on our site's base font size listed here. * This value should be the same pixel size set for the element. * html { * font-size: 100%; // 16px (112.5% would equal 18px, and so on) * } */ /* * Major Breakpoints * These should match those breakpoints defined in our /inc/config.php file. */ /* * Mixins */ /* * Media Queries */ /* * Accessibility Media Queries */ #schedule-select-menu { display: flex; flex-direction: column; gap: 1rem; justify-content: center; padding: 0 0.3vw; list-style-type: none; } @media (min-width: 60rem) { #schedule-select-menu { flex-direction: row; padding: 0 1.3vw; } } #schedule-select-menu legend, #schedule-select-menu div.legend { font-size: 14px; } @media (min-width: 60rem) { #schedule-select-menu legend, #schedule-select-menu div.legend { margin-top: 10px; margin-bottom: -10px; font-size: 14px; } } #schedule-select-menu .wp-block-button { position: relative; } #schedule-select-menu .exception-select-menu { position: absolute; top: 100%; left: 0; z-index: 4; display: none; width: -moz-fit-content; width: fit-content; min-width: 25rem; height: auto; overflow: hidden; background-color: #fff; border: none; } #schedule-select-menu .exception-select-menu .route-selector { margin: 4px; border: none; padding: 10px; color: var(--gtfs-transit-tables-body-color); background-color: var(--gtfs-transit-tables-text-color-selected); } #schedule-select-menu .exception-select-menu .route-selector[aria-checked=true] { color: var(--gtfs-transit-tables-text-color-selected); background-color: var(--gtfs-transit-tables-bg-color-selected); } #schedule-select-menu .exception-select-menu.open { display: block; border: 0.06rem solid var(--gtfs-transit-tables-body-color); } #schedule-select-menu .route-filter, #schedule-select-menu .route-selector { border: 0.063rem solid #808080; cursor: pointer; } #schedule-select-menu .route-filter[aria-checked=false], #schedule-select-menu .route-selector[aria-checked=false] { color: var(--gtfs-transit-tables-body-color); background-color: var(--gtfs-transit-tables-text-color-selected); } #schedule-select-menu .timepoint-display-group, #schedule-select-menu .route-select-group { gap: 0; margin-top: 0; margin-bottom: 0; padding: 0; list-style-type: none; } @media (min-width: 60rem) { #schedule-select-menu .timepoint-display-group, #schedule-select-menu .route-select-group { margin: 1rem 0; } } #schedule-select-menu .timepoint-display-group li.wp-block-button button.wp-block-button__link, #schedule-select-menu .route-select-group li.wp-block-button button.wp-block-button__link { padding: 0.438rem 0.75rem; font-size: 0.825rem; letter-spacing: 0.063rem; text-transform: capitalize; border-radius: 0; } #schedule-select-menu .route-select-group[data-schedule=current] li:not(.serv-select-current) { display: none; } #schedule-select-menu .route-select-group[data-schedule=upcoming] li:not(.serv-select-upcoming) { display: none; } #schedule-select-menu > div[data-selected-group="0"] > :not([data-group="0"]) { display: none; } #schedule-select-menu > div[data-selected-group="1"] > :not([data-group="1"]) { display: none; } #schedule-select-menu > div[data-selected-group="2"] > :not([data-group="2"]) { display: none; } #schedule-select-menu > div[data-selected-group="3"] > :not([data-group="3"]) { display: none; } #schedule-select-menu > div[data-selected-group="4"] > :not([data-group="4"]) { display: none; } #schedule-select-menu > div[data-selected-group="5"] > :not([data-group="5"]) { display: none; } #schedule-select-menu > div[data-selected-group="6"] > :not([data-group="6"]) { display: none; } #schedule-select-menu > div[data-selected-group="7"] > :not([data-group="7"]) { display: none; } #schedule-select-menu > div[data-selected-group="8"] > :not([data-group="8"]) { display: none; } #schedule-select-menu > div[data-selected-group="9"] > :not([data-group="9"]) { display: none; } #schedule-select-menu #timepoint-display-group { justify-content: center; padding-top: 20px; } @media (min-width: 60rem) { #schedule-select-menu #timepoint-display-group { padding-top: 0; } } #schedule-select-menu ul { flex-wrap: wrap; } #schedule-select-menu ul li.wp-block-button { flex: 1 1 100%; } #schedule-select-menu ul li.wp-block-button .wp-block-button__link { width: 100%; } @media (min-width: 36rem) { #schedule-select-menu ul { flex-wrap: nowrap; justify-content: center; } #schedule-select-menu ul li.wp-block-button { flex: 0 0 auto; } #schedule-select-menu ul li.wp-block-button .wp-block-button__link { width: auto; } } /*# sourceMappingURL=style-index.css.map*/