命名css颜色变量的最佳实践

时间:2018-06-18 13:15:34

标签: css naming-conventions naming

这是一个基本问题,但我想知道在为应用程序定义主要颜色时,颜色类是否应按其颜色命名:

topazsky-bluegray-colormain-color

或者通过他们的意思/功能:

main-color-hoversecondary-colorlink-colordisabled-colorpublic function login(Request $request) { $request->validate([ 'email' => 'required|string|email', 'password' => 'required|string', 'remember_me' => 'boolean' ]); $credentials = request(['email', 'password']); $credentials['active'] = 1; $credentials['deleted_at'] = null; if(!Auth::attempt($credentials)) return response()->json([ 'message' => __('auth.login_failed') ], 401); $user = $request->user(); $tokenResult = $user->createToken('Personal Access Token'); $token = $tokenResult->token; if ($request->remember_me) $token->expires_at = Carbon::now()->addWeeks(1); $token->save(); // return $token; return response()->json([ 'access_token' => $tokenResult->accessToken, 'token_type' => 'Bearer', 'expires_at' => Carbon::parse($tokenResult->token->expires_at)->toDateTimeString() ]); } ......

2 个答案:

答案 0 :(得分:0)

您应该避免按颜色命名css类。请改用功能名称。我会建议你去看BEM naming convention。我认为采用css的结构化方法是一个良好的开端。

答案 1 :(得分:0)

通过含义选择名称。
颜色可能会改变,芽的含义会保留。

如果社区可以就通用名称达成一致,那就太好了。 这样,您可以使用第三方代码,并且它们的设计已经统一。

这是尝试:
https://github.com/nuxodin/css-variables-name-conventions