/* //============================================================================================ // system name : －－－－ // program name : bAsCssVariables StyleSheet // file name : bAsCssVariables.css // summary : CSS変数、定数 定義用スタイルシート //-------------------------------------------------------------------------------------------- // author : 👍bAs)Yoshi // creation date : 2024/10/21 // version : 1.00 //-------------------------------------------------------------------------------------------- // change history : 2024/10/21 👍bAs)Yoshi 新規作成 // // Copyright 2024 bEST ANSWER's Inc. //============================================================================================ */ @charset "UTF-8"; /* ===================================================================== */ :root { /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* 定数定義 */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*（フォントサイズ関連） ------------------- STA */ --bAs_FONT_SIZE_ROOT: 18px; /* ---------- */ --bAs_FONT_SIZE_MICRO: 9px; --bAs_FONT_SIZE_TINY: 10px; --bAs_FONT_SIZE_SSS: 12px; --bAs_FONT_SIZE_SS: 14px; --bAs_FONT_SIZE_S: 16px; --bAs_FONT_SIZE_M: var(--bAs_FONT_SIZE_ROOT); --bAs_FONT_SIZE_L: 21px; --bAs_FONT_SIZE_LL: 24px; --bAs_FONT_SIZE_LLL: 28px; --bAs_FONT_SIZE_HUGE: 32px; --bAs_FONT_SIZE_GIANT: 36px; /*（フォントサイズ関連） ------------------- END */ /*（カラーフィルター関連） ----------------- STA */ /*モノトーン*/ --bAs_COLOR_FILTER_WHITE: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(210deg) brightness(107%) contrast(101%); --bAs_COLOR_FILTER_WHITESMOKE: brightness(0) saturate(100%) invert(92%) sepia(90%) saturate(6%) hue-rotate(212deg) brightness(112%) contrast(92%); --bAs_COLOR_FILTER_GAINSBORO: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(3874%) hue-rotate(103deg) brightness(94%) contrast(91%); --bAs_COLOR_FILTER_LIGHTGRAY: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(126%) hue-rotate(314deg) brightness(91%) contrast(92%); --bAs_COLOR_FILTER_SILVER: brightness(0) saturate(100%) invert(78%) sepia(24%) saturate(11%) hue-rotate(98deg) brightness(95%) contrast(91%); --bAs_COLOR_FILTER_DARKGRAY: brightness(0) saturate(100%) invert(74%) sepia(0%) saturate(1727%) hue-rotate(8deg) brightness(91%) contrast(90%); --bAs_COLOR_FILTER_GRAY: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(10%) hue-rotate(10deg) brightness(90%) contrast(86%); --bAs_COLOR_FILTER_DIMGRAY: brightness(0) saturate(100%) invert(39%) sepia(14%) saturate(1%) hue-rotate(314deg) brightness(102%) contrast(98%); --bAs_COLOR_FILTER_BLACK: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%); /*カラー*/ --bAs_COLOR_FILTER_AQUA: brightness(0) saturate(100%) invert(86%) sepia(100%) saturate(5006%) hue-rotate(103deg) brightness(108%) contrast(109%); --bAs_COLOR_FILTER_LIME: brightness(0) saturate(100%) invert(66%) sepia(46%) saturate(5889%) hue-rotate(83deg) brightness(114%) contrast(130%); --bAs_COLOR_FILTER_YELLOW: brightness(0) saturate(100%) invert(83%) sepia(10%) saturate(3551%) hue-rotate(6deg) brightness(111%) contrast(123%); --bAs_COLOR_FILTER_ORANGE: brightness(0) saturate(100%) invert(69%) sepia(76%) saturate(2943%) hue-rotate(0deg) brightness(104%) contrast(105%); --bAs_COLOR_FILTER_SALMON: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(420%) hue-rotate(315deg) brightness(93%) contrast(113%); --bAs_COLOR_FILTER_CORAL: brightness(0) saturate(100%) invert(65%) sepia(37%) saturate(2857%) hue-rotate(326deg) brightness(101%) contrast(101%); --bAs_COLOR_FILTER_RED: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(6121%) hue-rotate(359deg) brightness(120%) contrast(119%); --bAs_COLOR_FILTER_HOTPINK: brightness(0) saturate(100%) invert(58%) sepia(75%) saturate(1776%) hue-rotate(296deg) brightness(102%) contrast(103%); --bAs_COLOR_FILTER_VIOLET: brightness(0) saturate(100%) invert(72%) sepia(56%) saturate(1293%) hue-rotate(241deg) brightness(96%) contrast(94%); --bAs_COLOR_FILTER_PURPLE: brightness(0) saturate(100%) invert(9%) sepia(79%) saturate(4671%) hue-rotate(293deg) brightness(104%) contrast(112%); --bAs_COLOR_FILTER_ROYALBLUE: brightness(0) saturate(100%) invert(32%) sepia(53%) saturate(1690%) hue-rotate(205deg) brightness(103%) contrast(93%); --bAs_COLOR_FILTER_BLUE: brightness(0) saturate(100%) invert(10%) sepia(100%) saturate(6040%) hue-rotate(246deg) brightness(90%) contrast(149%); --bAs_COLOR_FILTER_GREEN: brightness(0) saturate(100%) invert(22%) sepia(92%) saturate(2020%) hue-rotate(99deg) brightness(101%) contrast(103%); --bAs_COLOR_FILTER_AQUAMARINE: brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(839%) hue-rotate(95deg) brightness(101%) contrast(101%); --bAs_COLOR_FILTER_GOLD: brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(3892%) hue-rotate(360deg) brightness(105%) contrast(103%); --bAs_COLOR_FILTER_CRIMSON: brightness(0) saturate(100%) invert(17%) sepia(68%) saturate(6209%) hue-rotate(341deg) brightness(88%) contrast(95%); --bAs_COLOR_FILTER_MEDIUMVIOLETRED: brightness(0) saturate(100%) invert(13%) sepia(85%) saturate(4547%) hue-rotate(311deg) brightness(97%) contrast(91%); --bAs_COLOR_FILTER_PINK: brightness(0) saturate(100%) invert(88%) sepia(54%) saturate(680%) hue-rotate(289deg) brightness(111%) contrast(104%); --bAs_COLOR_FILTER_BLUEVIOLET: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(5600%) hue-rotate(267deg) brightness(91%) contrast(94%); /*暗い色*/ --bAs_COLOR_FILTER_NAVY: brightness(0) saturate(100%) invert(12%) sepia(70%) saturate(7319%) hue-rotate(245deg) brightness(50%) contrast(126%); --bAs_COLOR_FILTER_TEAL: brightness(0) saturate(100%) invert(28%) sepia(87%) saturate(1733%) hue-rotate(158deg) brightness(87%) contrast(112%); --bAs_COLOR_FILTER_DARKGREEN: brightness(0) saturate(100%) invert(24%) sepia(54%) saturate(1809%) hue-rotate(89deg) brightness(95%) contrast(105%); --bAs_COLOR_FILTER_DEEPPINK: brightness(0) saturate(100%) invert(21%) sepia(59%) saturate(6001%) hue-rotate(316deg) brightness(101%) contrast(101%); --bAs_COLOR_FILTER_DARKORANGE: brightness(0) saturate(100%) invert(63%) sepia(85%) saturate(3362%) hue-rotate(1deg) brightness(103%) contrast(106%); --bAs_COLOR_FILTER_CHOCOLATE: brightness(0) saturate(100%) invert(51%) sepia(56%) saturate(728%) hue-rotate(343deg) brightness(85%) contrast(93%); /*明るい色*/ --bAs_COLOR_FILTER_LIGHTYELLOW: brightness(0) saturate(100%) invert(94%) sepia(32%) saturate(229%) hue-rotate(4deg) brightness(105%) contrast(103%); --bAs_COLOR_FILTER_HONEYDEW: brightness(0) saturate(100%) invert(89%) sepia(15%) saturate(201%) hue-rotate(71deg) brightness(109%) contrast(101%); --bAs_COLOR_FILTER_SNOW: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(2071%) hue-rotate(346deg) brightness(108%) contrast(101%); --bAs_COLOR_FILTER_LAVENDERBLUSH: brightness(0) saturate(100%) invert(87%) sepia(14%) saturate(609%) hue-rotate(285deg) brightness(113%) contrast(103%); --bAs_COLOR_FILTER_ALICEBLUE: brightness(0) saturate(100%) invert(91%) sepia(69%) saturate(3674%) hue-rotate(179deg) brightness(108%) contrast(110%); --bAs_COLOR_FILTER_LAVENDER: brightness(0) saturate(100%) invert(85%) sepia(16%) saturate(165%) hue-rotate(201deg) brightness(102%) contrast(102%); /*（カラーフィルター関連） ----------------- END */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* 汎用変数定義 */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */ }